设置el-menu鼠标悬浮后的颜色和选中之后的颜色

.el-menu-item:hover {
   // item鼠标悬浮后背景的颜色
  outline: 0 !important;
    // item鼠标悬浮后字体的颜色
  color: #409EFF !important;
  //background: aqua;
}

.el-menu-item.is-active {
  // item被选中中字体的颜色
  color: #fff !important;
  // item被选中中背景的颜色
  background: #409EFF !important;
}
// 这个的作用还没发现
.el-submenu__title:focus, .el-submenu__title:hover {
  //outline: 0 !important;
  color: #409EFF !important;
  background: none !important;
}

Elmessage样式失效,从底部出来

在main.js中添加

import 'element-plus/dist/index.css'