el-menu怎么修改item颜色

这篇文章主要介绍了el-menu怎么修改item颜色的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇el-menu怎么修改item颜色文章都会有所收获，下面我们一起来看看吧。

具体效果如下：

 今天在在点击el-menu的一级菜单和二级菜单出现了点击成白色，刚好我设置的文字颜色也是白色，就变成什么都看不见了。

//设置一级菜单和二级菜单的背景颜色.el-sub-menu .el-menu-item {  background-color: RGB(38,87,227) !important;}//设置选鼠标指针浮动在一级菜单的设置.el-menu-item:hover{  background-color: aqua !important;;}//设置当前被选中的一级菜单.el-menu-item.is-active {    color: #fff !important;    background: black !important;  }

但是当我使用，下面的代码去修改二级菜单的鼠标浮点事件的时候，我设置的背景颜色就只出现在我鼠标浮动的那个时刻。

.el-sub-menu:hover{  background-color: aqua !important;;}

要设置二级菜单的触发背景颜色的时候，应使用项目的代码

.el-sub-menu:hover{  background-color: aqua !important;;}.el-sub-menu__title:focus, .el-sub-menu__title:hover{    background-color: aqua !important;;}

关于“el-menu怎么修改item颜色”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“el-menu怎么修改item颜色”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网精选频道。