这篇文章主要介绍了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颜色”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
