更改element-ui中NavMenu导航栏中的hover背景色和字体色及边框线

直接代码看效果

// 背景透明
.el-menu-demo {
    background: transparent;
}

// 去除自带的底部border
.el-menu.el-menu--horizontal {
    border: none;
}

// 更改鼠标划过背景色字体色及borer显示
.el-menu--horizontal>>>.el-menu-item:not(.is-disabled):hover {
background:transparent !important;
color: #fff;
border-bottom: 1px solid #fff !important;
}

你可能感兴趣的:(ui,vue.js,javascript,elementui)