本文主要介绍了el-menu修改item颜色的实现,具体如下: 今天在在点击el-menu的一级菜单和二级菜单出现了点击成白色,刚好我设置的文字颜色也是白色,就变成什么
本文主要介绍了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颜色内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: el-menu修改item颜色的实现
本文链接: https://www.lsjlt.com/news/209346.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0