如何修改el-select的样式:popper-append-to-body和popper-class
因需求需要封装了一个带树形选择的单选组件,但是样式显示上出现了问题
只有一个option,所以这个选项默认带了.el-select-dropdown__item.selected 的样式,树形里的文字全部默认加粗了,很不美观,所以开始修改样式,试了很多种办法,最后在一个博主的文章里找到了解决办法
在select选择器上加上如下两行代码
// An highlighted block
:popper-append-to-body="false"
popper-class="select-popper"
下面是修改的样式
<style lang="scss" scoped>
/deep/.select-popper {
.el-select-dropdown__item.selected {
font-weight: normal;
}
}
</style>
这样就可以选择到dom元素 ,css可以生效了
这个我真的改了一天,谢谢原博
https://segmentfault.com/a/1190000021125605