修改el-select的样式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了修改el-select的样式相关的知识，希望对你有一定的参考价值。
参考技术A 需求是修改el-select中el-option样式，当label长度过长时以省略号显示。通过F12查看DOM树，找到el-option的是.el-select-dropdown__item中的span ，然后为了不污染其他的组件中的样式，利用样式穿透，但结果出乎意料，并没有修改成功。
scoped的作用范围是在div#app中的，查看DOM树发现，el-select的容器并不是挂载在#app下面的，自然而然，样式穿透无法生效。
查看Element UI的官方文档，可以发现，el-select为我们提供了一个属性，将该数据设置为false，即可将el-select的父容器移动到#app之下，从而达到一开始的目的。
element中el-select下拉框整体样式修改 ，下拉菜单样式修改
下拉框 popper-append-to-body： 此属性是用来判断是否将弹出框（options）插入值body元素中，接受一个布尔值，默认值为true 当需要修改其样式时，可将其属性值设置为false https://blog.csdn.net/qq_43432158/article/detai
以上是关于修改el-select的样式的主要内容，如果未能解决你的问题，请参考以下文章