- 一级菜单(没有子级菜单)与子级菜单的样式修改
//子节点选中样式(前面只有一级,后面子级)
.el-menu-item.is-active,.el-submenu .el-menu-item.is-active {
background-color: red !important;
}
//子节点选中鼠标移入样式
.el-menu-item.is-active:hover,.el-submenu .el-menu-item:hover {
background-color: rgb(179, 13, 13) !important;
}
//子节点鼠标移入样式
.el-menu-item:hover {
background-color: #ccc;
// border-right: 10px solid #000;
}
- 父级菜单(下面有子级菜单)的样式修改
//父节点鼠标移入样式
.el-submenu__title:hover {
background-color: #ccc;
}