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颜色”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。