如何局部覆蓋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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章