效果图:
el-menu组件只是在点击跟元素时,根元素变色,如图:
.el-menu-item.is-active { background-color: rgb(56, 96, 226) !important; color: white; }
点击有子元素的菜单时不会变色,下面可以实现:
(点击有子元素菜单时,会有一个class属性is-opened,所以给其编辑样式即可)
.is-opened >.el-sub-menu__title span{ /* background-color: rgb(56, 96, 226) !important; color: white; */ color:rgb(56, 96, 226); }
标签:el,color,menu,元素,点击,有子 From: https://www.cnblogs.com/ZhuMeng-Chao/p/18075472