vue專案,使用elementUI,修改樣式,不生效

zoepriselife316發表於2020-08-07

由於系統顏色的不同,想單獨修改一個元件中的顏色及樣式,但是不生效,看到好多人說,可以給個父級,寫的是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,要不全域性就都修改了。
加不加,根據自己需求而定。

相關文章