欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue项目,使用elementUI,修改样式,不生效

程序员文章站 2022-03-04 11:20:50
...

由于系统颜色的不同,想单独修改一个组件中的颜色及样式,但是不生效,看到好多人说,可以给个父级,写的是form表单,所以给他包了个div,可是还是不生效,因为层级不够!!!
所以,解决方案是:
使用F12,找到要修改的元素,使用/deep/,进行穿透,里面的important,根据自己情况使用即可。

<style lang="scss" scoped>
/deep/.el-form-item__label {
        height: 23px;
        font-size: 17px;
        color: rgba(36, 33, 51, 1) !important;
        line-height: 23px;
      }
      </style>

这样就修改了elementUI的样式,可以自定义,如果是单个组件使用,记得在style标签中加入scoped,要不全局就都修改了。
加不加,根据自己需求而定。

相关标签: vue vue