鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ vuecli scoped中樣式穿透問題

vuecli scoped中樣式穿透問題

在vue-cli scoped樣式中使用stylus 采用
.el-radio >>> .el-radio__inner {

                        border-radius: 0;
                    }

是可以修改組件樣式的這個(gè)我試過有效；但是我換成scss；卻沒有效果；請(qǐng)問 ‘>>>’是不是只有stylus能使用；這是scoped下的寫法還是stylus的寫法；求解釋，最好是粘貼參考資料（中文最好）；謝謝了?。。。。?/p>

回答
編輯回答
愛是癌
沒用過這個(gè)
<style lang="scss" scoped> 不是要這樣制定什么樣式么
2017年2月28日 07:54
編輯回答
逗婦乳

我也遇到了這個(gè)問題，題主解決了這個(gè)穿透實(shí)現(xiàn)問題了嗎

2017年9月19日 22:07
編輯回答
我甘愿

樓主用的是不是element-ui，添加scoped是無法修改element-ui組件樣式的，因?yàn)樘砑觭coped，元素會(huì)添加data-v-7ba5bd90 類似的屬性。去掉scoped，或者在引入的公共樣式中修改即可。

2017年8月7日 10:17
編輯回答
安于心
.el-radio /deep/ .el-radio__inner {
 border-radius: 0;
}
2018年3月30日 10:22