鍍金池/ 問答/HTML/ element 的自帶css怎么把他覆蓋掉？

element 的自帶css怎么把他覆蓋掉？

圖片描述
如題，我這個(gè)“至” 由于默認(rèn)的樣式padding:0 5px導(dǎo)致了向右移動(dòng)5像素。我怎么把這個(gè)樣式在本.vue文件覆蓋掉，而不改變其他的文件？
我本來是想這樣的，結(jié)果沒影響這個(gè)vue的樣式
clipboard.png

回答
編輯回答
舊城人

scoped 時(shí), style 只作用于當(dāng)前的組件
去掉 scoped, style就是作用于整個(gè)頁面

第一種方法

<style>
    .parent el-range-xxxx{
    
    }
</style>

第二種方法

<style scoped>
    .parent >>> el-range-xxxx{
    
    }
</style>

給加一層父元素class 的作用是避免污染其他不需要重置的地方

2017年5月27日 04:32
編輯回答
別瞎鬧

style標(biāo)簽加scoped，然后可以配合/deep/使用

2017年6月24日 09:24
編輯回答
毀憶

可以在app.vue中添加樣式可以覆蓋掉

2018年3月29日 05:51