1. 程式人生 > >自定義修改elementUI元件樣式

自定義修改elementUI元件樣式

自定義修改elementUI元件樣式

方法1.刪除元件中的scoped屬性

在這裡插入圖片描述
注意不需要scoped作用域,不然修改不了。

方法2. 利用/deep/

在這裡插入圖片描述

方法3.弄一個全域性的樣式檔案,來修改element-ui元件樣式,然後在入口檔案(main.js)中引入

在這裡插入圖片描述
在這裡插入圖片描述
方法3有一個缺點:就是當要使用動態換膚時,全域性的樣式全被換膚後的樣式覆蓋,導致全域性樣式失效。