鼠标经过NavMenu 背景颜色调节修改element ui的代码在哪里修改
可以在element-ui的样式文件中找到NavMenu的样式,一般是在theme文件夹下的对应主题的nav-menu.scss文件中,可以找到类似以下代码:
.el-menu {
background-color: #f7f7f7;
border-right: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
display: inline-block;
vertical-align: top;
width: 200px;
.el-menu-item,
.el-submenu__title {
background-color: #fff;
}
.el-menu-item.is-active,
.el-menu-item:hover,
.el-submenu.is-active > .el-submenu__title,
.el-submenu__title:hover {
background-color: #f5f5f5;
color: #409eff;
cursor: pointer;
}
// 其他样式代码
}
可以看到,NavMenu的背景颜色是由.el-menu-item.is-active和.el-menu-item:hover类的background-color属性决定的,可以在这里调整颜色值即可。注意修改完样式文件后需要重新编译生成新的样式文件。
原文地址: http://www.cveoy.top/t/topic/bfQo 著作权归作者所有。请勿转载和采集!