在使用element-ui的時候，有一個常用的元件，那就是el-popover，但是element-ui官方文件中樣式跟用法都比較侷限，在使用時都需要改動樣式

專案中使用了el-popover，但是想修改一下樣式，一直不成功，先來看一下官方文件怎麼說的

新增一個類名，string型別，ok，新增一個

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

去設定樣式

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

結果就是沒有設定成功！
是不是因為scoped，不加scoped再試一下！

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

還是沒有效果！！！
經過瘋狂試驗以及網上搜索！
最終寫法是這樣,.el-popover.my-popover 這種格式，字首是.el-popover ，不然不生效。且不能加上scopedDpqjinpnC

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

修改成功DpqjinpnC！

到此這篇關於elementui的el-popover修改樣式不生效的解決的文章就介紹到這了,更多相關el-popover 樣式不生效內容請搜尋我們以前的http://www.cppcns.com文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！