修改eleemntUI样式

Posted 2020-11-28 maizilili

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了修改eleemntUI样式相关的知识，希望对你有一定的参考价值。

//不起作用！  带有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样式的主要内容，如果未能解决你的问题，请参考以下文章