修改element ui select组件样式遇到的坑

如何修改el-select的样式:popper-append-to-body和popper-class
因需求需要封装了一个带树形选择的单选组件,但是样式显示上出现了问题
只有一个option,所以这个选项默认带了.el-select-dropdown__item.selected 的样式,树形里的文字全部默认加粗了,很不美观,所以开始修改样式,试了很多种办法,最后在一个博主的文章里找到了解决办法修改element ui select组件样式遇到的坑_第1张图片

在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

你可能感兴趣的:(vue,vue,elementui,css)