可以在element-ui的样式文件中找到NavMenu的样式,一般是在theme文件夹下的对应主题的nav-menu.scss文件中,可以找到类似以下代码:

.el-menu {
  background-color: #f7f7f7;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  display: inline-block;
  vertical-align: top;
  width: 200px;
  .el-menu-item,
  .el-submenu__title {
    background-color: #fff;
  }
  .el-menu-item.is-active,
  .el-menu-item:hover,
  .el-submenu.is-active > .el-submenu__title,
  .el-submenu__title:hover {
    background-color: #f5f5f5;
    color: #409eff;
    cursor: pointer;
  }
  // 其他样式代码
}

可以看到,NavMenu的背景颜色是由.el-menu-item.is-active.el-menu-item:hover类的background-color属性决定的,可以在这里调整颜色值即可。注意修改完样式文件后需要重新编译生成新的样式文件。

鼠标经过NavMenu 背景颜色调节修改element ui的代码在哪里修改

原文地址: http://www.cveoy.top/t/topic/bfQo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录