element的 menu样式修改包含hover

element的 menu样式修改包含hover

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

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

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;  
}