前因:
element UI 组件库中的 select 选择器 中下拉列表的样式,在页面渲染的时候,总是渲染为仅次于body级别的div ,这样子覆盖样子会影响全局其他的select选择器下拉框样式,试图通过给el-select加父标签来覆盖,然而并没有卵用。
控制台看到的渲染结果:
解决方法:
通过 popper-class 来自定义一个类,这样子在控制台可以看到,自定义的类渲染到页面上的效果,这样子,你就可以通过自定义的这个类,进行下拉框的样式覆盖了,这样子并不会影响全局了,覆盖样式时,要加 !important 提高优先级。
下面为自定义类后渲染的结果