elementui的 menu(菜单)样式修改包含hover

1,161 阅读1分钟

实际项目中,直接粘贴进去先,再根据自己的实际需求修改相应颜色即可

 .el-menu-item {
    color: #fff !important;
    i{
      color: #fff!important;
    }
  }

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

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


  /deep/ .el-scrollbar__wrap {
    overflow: visible !important;
  }

  .el-submenu /deep/ .el-submenu__title {
    color: #fff !important;
  }

  .el-submenu /deep/ .el-submenu__title i {
    color: #fff !important;
  }

  // /deep/ .el-menu-item i {
  //   color: #fff !important;
  // }

  .el-submenu /deep/ .el-menu-item {
    color: #fff !important;
  }