el-menu修改item颜色的实现

来源：jb51　　时间：2023/4/14 9:17:44　　对本文有异议

本文主要介绍了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;;
}