因為scoped 屬性的限制，可能會存在修改外部引入的元件的樣式無法修改的情況！
如果style標籤去掉 scoped：
這種方法可以實現父元件改變子元件樣式，但是會汙染全域性樣式。
在引用了第三方元件時，需要在元件中區域性修改第三方元件的樣式，而又不想去除scoped屬性造成元件之間的樣式汙染。那麼有哪些解決辦法呢？
穿透scoped >>>
元件內的結構如下：
="box"
>
="input-test" type=
"text"
/>
"text"
/>
<
/div>
<
/template>
export
default
<
/script>
"sass" scoped>
.input-test /deep/
.ivu-input:focus
border-color: yellow
<
/style>
.input-test >>>
.ivu-input:focus
<
/style>
vue樣式穿透
在一次這樣的需求中，需要實現滑倒底部時自動請求資料，需要動態建立節點然後追加到某元素中，這期間遇到的問題就是在動態建立節點後，類名也已經加上了 但是樣式就是沒有生效，最後發現原因的產生竟然是中scoped屬性 該屬性的作用是用來繫結當前樣式不被汙染，同時也就意味著在建立新的node後，該node樣式...
關於ele框架樣式修改
很多情況下，我們需要修改 ele 的原生樣式，今天我碰到乙個例子，修改的時候始終不成功，最後把樣式 換了個地方，寫到頂層就生效了，這是因為，雖然我們的 是在頂層類名下的，但是還是需要區分一下，瀏覽器上的節點是不是在頂層節點下 例如 我需要實現這樣乙個效果 這裡用的是 ele 的 popover 彈出...
vue中Element ui樣式修改
下拉框 el dropdown hover 下拉框的hover效果 el dropdown menu item focus,el dropdown menu item not is disabled hover 麵包屑的字型 el breadcrumb home el breadcrumb inne...