vue element ui el-popover 样式修改不生效解决方法
在使用element 的el-popover 组件时,会发现自己对el-popover 写的样式不起作用,甚至连使用::v-deep‘>>>’/deep/行内Style这四种样式穿透都不起作用, 这是因为 el-popover生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style首先给它添加一个特定的类名
·
在使用element 的el-popover 组件时,会发现自己对el-popover 写的样式不起作用,甚至连使用
::v-deep
‘>>>’
/deep/
行内Style
这四种样式穿透都不起作用, 这是因为 el-popover生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style
首先给它添加一个特定的类名 , 千万别重复 , 语义命名以免样式污染
popper-class="down-popover"
然后在当前文件样式中 不加scoped写一份
<style lang="scss">
.down-popover {
padding: 0;
}
</style>
<style lang="scss" scoped>
</style>
更多推荐
已为社区贡献25条内容
所有评论(0)