elementui的el-popover修改樣式不生效的解決

在使用element-ui的時(shí)候，有一個(gè)常用的組件，那就是el-popover，但是element-ui官方文檔中樣式跟用法都比較局限，在使用時(shí)都需要改動(dòng)樣式

項目中使用了el-popover，但是想修改一下樣式，一直不成功，先來(lái)看一下官方文檔怎么說(shuō)的

添加一個(gè)類(lèi)名，string類(lèi)型，ok，添加一個(gè)

<el-popover
    placement="right"
    width="400"
    trigger="hover"
    popper-class="my-popover"
    >

去設置樣式

<style lang="scss" scoped>
	.my-popover{
		padding:20px;
	}
</style>

結果就是沒(méi)有設置成功！
是不是因為scoped，不加scoped再試一下！

<style>
my-popover{
    padding:10px 30px;
}
</style>

還是沒(méi)有效果?。?！
經(jīng)過(guò)瘋狂試驗以及網(wǎng)上搜索！
最終寫(xiě)法是這樣,.el-popover.my-popover 這種格式，前綴是.el-popover ，不然不生效。且不能加上scoped

<style>
.el-popover.my-popover{
    padding:10px 30px;
}
</style>

修改成功！

到此這篇關(guān)于elementui的el-popover修改樣式不生效的解決的文章就介紹到這了,更多相關(guān)el-popover 樣式不生效內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！