在使用element 的el-popover 組件時(shí)，會發(fā)現(xiàn)自己對el-popover 寫的樣式不起作用，甚至連使用
::v-deep
‘>>>’
/deep/
行內(nèi)Style
這四種樣式穿透都不起作用， 這是因?yàn)?el-popover生成的div不在當(dāng)前組件之內(nèi)，甚至不在App.vue組件的div內(nèi)，他和App.vue組件的div平級。所以需要全局設(shè)置style
首先給它添加一個(gè)特定的類名 , 千萬別重復(fù) , 語義命名以免樣式污染
文章來源：http://www.zghlxwxcb.cn/news/detail-511052.html
popper-class="down-popover"
然后在當(dāng)前文件樣式中 不加scoped寫一份文章來源地址http://www.zghlxwxcb.cn/news/detail-511052.html
<style lang="scss">
.down-popover {
padding: 0;
}
</style>
<style lang="scss" scoped>
</style>
到了這里，關(guān)于vue element ui el-popover 樣式修改不生效解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
