如何局部覆盖element-ui的默认样式

最近项目中遇到的问题,只想在某个组件里面更改element-Ui的样式,而不影响全局。在网上看了很多瞎jb扯的东西,根本不适用或者没效果。

直接说方法:在需要更改的组件里新增一个style标签【重点:不要加scoped】,然后直接获取class设置样式就可以咯,class自己去浏览器里右键审查元素可得到。

建议:在获取到的样式里加上能限制范围的父层选择器,不然就变成全局样式咯。

<style>
  .ruzhu-mess .el-form-item__label{
    font-size:16px!important;
  }
  .zhuanye-mess .el-form-item__label,.zhuanye-mess .color-t{
    font-size:16px!important;
    color:#606266;
  }
</style>
<style lang="scss" scoped>

  @import '../../../assets/scss/pages/organizationUserCenter1.scss';

</style>

猜你喜欢

转载自blog.csdn.net/weixin_41557291/article/details/80606525