Element导航菜单自定义样式

1.修改主菜单的背景色等，直接在标签上写所需背景色，比如：

 
       
                
                        管理1
                        配置1                        
                
       

2.修改子菜单的背景色：

.el-menu-item {
    background-color: #333  !important;
}

字体颜色：

.el-aside {
    color: #333;
}

3.鼠标悬浮时，子菜单的样式：

.el-menu-item:hover{
    outline: 0 !important;
    color: #409EFF !important;
}
.el-menu-item.is-active {
    color: #fff !important;
    background: #409EFF !important;
}

4.鼠标悬浮时，主菜单的样式：

.el-submenu__title:focus, .el-submenu__title:hover{
    outline: 0 !important;
    color: #409EFF !important;
    background: none !important;
}