關於ele框架樣式修改

2021-10-06 19:42:40 字數 685 閱讀 5561

很多情況下,我們需要修改 ele 的原生樣式,今天我碰到乙個例子,修改的時候始終不成功,最後把樣式**換了個地方,寫到頂層就生效了,這是因為,雖然我們的**是在頂層類名下的,但是還是需要區分一下,瀏覽器上的節點是不是在頂層節點下

例如:我需要實現這樣乙個效果

這裡用的是 ele 的 popover 彈出框。lebel 的文字樣式,input 框的大小都是需要修改的,我的 html **是這樣的

雖然我的彈出框看起來是屬於頂層類名下,按理來說,是可以在頂層類名下通過 /deep/ 穿透直接修改的,而我最開始也是這麼做的,雖然樣式寫了,也使用了deep穿透,但是就是沒有生效

然後我去瀏覽器看dom節點,發現彈窗觸發的時候,不是在頂層類名下的,而是直接在 body 下面,如圖

然後我去更改了樣式的層級,與頂層類名同級之後,樣式就立即生效了

vue修改UI框架樣式 樣式穿透

因為scoped 屬性的限制,可能會存在修改外部引入的元件的樣式無法修改的情況!如果style標籤去掉 scoped 這種方法可以實現父元件改變子元件樣式,但是會汙染全域性樣式。在引用了第三方元件時,需要在元件中區域性修改第三方元件的樣式,而又不想去除scoped屬性造成元件之間的樣式汙染。那麼有哪...

關於radio 修改樣式問題

谷歌下 頁面和css如下 test label test radio checked name fruit type radio value 01 id qy test radioinput onclick qy 企業 test label test radio name fruit type ra...

關於頁面樣式被隱藏的修改方法

2.出現這種情況,則需要在規定的樣式的後台 裡面新增!important 3.這樣的話就不會出現被隱藏的現象 4.但是對於easyui這樣的修改方式不奏效,需要新的方法來修改 1 js的修改方式 這種方式針對於引用的js各種函式都奏效的情況 html部分 width 20 readonly true...