el-menu 点击有子元素的菜单项字体变色
效果图:
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); }
注意:还需要配置elementUI中 menu 的 :unique-opened="true" (每次只打开一个子菜单项,并且当一个新的子菜单项被打开时,其他已经打开的菜单项自动关闭)
本文来自博客园,作者:じ逐梦,转载请注明原文链接:https://www.cnblogs.com/ZhuMeng-Chao/p/18075472