修改eleemntUI样式

标签：sub   scss   css   important   code   eem   scope   submenu   import   

//不起作用！  带有scoped的是局部作用域，都不起作用
<style lang="scss" scoped >
.el-submenu .el-menu-item.is-active{
  background-color:red ;
}
</style>

需要单独在一个全局样式文件里引入，再插进来。
1、创建elementui.scss

.el-submenu .el-menu-item.is-active{
  background-color:red !important;//加上important提升权限
}

2、然后再在当前页面的样式中，引入这个文件

<style lang="scss" scoped >
@import "@/styles/elementui.scss";   //这个就是全局的样式


</style>

修改eleemntUI样式

标签：sub   scss   css   important   code   eem   scope   submenu   import   

原文地址：https://www.cnblogs.com/maizilili/p/12620130.html