elementUI --- el-select 下拉框样式覆盖

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_43318531/article/details/94448342

前因：

element UI 组件库中的 select 选择器 中下拉列表的样式，在页面渲染的时候，总是渲染为仅次于body级别的div ，这样子覆盖样子会影响全局其他的select选择器下拉框样式，试图通过给el-select加父标签来覆盖，然而并没有卵用。
控制台看到的渲染结果：

解决方法：

通过 propper-class 来自定义一个类，这样子在控制台可以看到，自定义的类渲染到页面上的效果，这样子，你就可以通过自定义的这个类，进行下拉框的样式覆盖了，这样子并不会影响全局了,覆盖样式时，要加 !important 提高优先级。
下面为自定义类后渲染的结果