elementUI 中使用 Popover 弹出框 el-popover自 如何自定义样式 ?(出现 popper-class 不生效,如何解决 ?)
这是因为el-popper生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style ~~~~~~~发现自己对el-popper写的样式不起作用,甚至连使用。
·
动态赋值 ?
通过 :content
动态赋值
<el-popover
placement="right"
title="驳回原因:"
width="200"
trigger="hover"
popper-class="custom-popover"
:content= noPassReason >
<el-button slot="reference">审核未通过</el-button>
</el-popover>
修改样式 ?
通过 popper-class
进行修改
<style>
.custom-popover .el-popover__content {
color: #E50718;
}
.custom-popover .el-popover__title {
color: #E50718;
}
</style>
如果 popper-class 写的样式 不生效? 如何解决?
检查 style 是否写了 scoped ,应去除scoped的限制
发现自己对el-popper写的样式不起作用,甚至连使用 :v-deep() 、 行内Style、 穿透都不起作用, 这是因为el-popper生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App.vue组件的div平级。所以需要全局设置style ~~~~~~~
更多推荐
已为社区贡献5条内容
所有评论(0)