ElementUI修改預設樣式,又不影響到其他元件

2021-09-11 23:46:29 字數 542 閱讀 6312

.el-table th .cell

.el-table td .cell

<

/style>

#注意,一定不要寫 scoped;因為是這私有的。這樣就覆蓋不了element-ui的樣式了,層級不夠高;

但是這麼寫也有乙個弊端。會覆蓋所有的頁面同類名的,css全域性的汙染;不過還是有解決方法的;

"colorbox"

>

123<

/li>

321<

/li>

456<

/li>

654<

/li>

<

/ul>

<

/div>

/* 因為id是唯一的。所以就簡單了解決了這個'汙染'*/

#colorbox

.el-table td .cell

}<

/style>

1.不是scoped

2.每個頁面加乙個唯一id標識,

如何修改elementUI的預設樣式

在開發中我們發現修改elementui樣式的時候,新增了scoped的元件修改樣式是無效的。首先我們要了解一下scoped是什麼?官網是這樣說的 當 style 標籤有scoped屬性時,他的css只作用於當前元件的元素。使用scoped後,父元件的樣式不會滲透到子元件中。不過乙個子元件的根節點會同...

修改elementUi預設樣式不影響全域性樣式

1.vue scoped 深度作用選擇器 希望scoped樣式中的乙個選擇器能夠作用得 更深 例如影響子元件,可以使用 操作符 userinfo el form item label font size font size medium color color mainfont font weigh...

一看就會之ElementUI修改預設樣式

通過 style修改,用於區域性元件塊 style selfstyle 預設按鈕el button export default script 注意 此時該樣式會汙染全域性樣式,可以把它放在公共的css裡 為了不讓所有的 el table 標籤都是該樣式,可以在html給要改的 table 加上乙個...