由于系统颜色的不同,想单独修改一个组件中的颜色及样式,但是不生效,看到好多人说,可以给个父级,写的是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,要不全局就都修改了。
加不加,根据自己需求而定。

Logo

前往低代码交流专区

更多推荐