elementUI --- el-select 下拉框样式覆盖_el-select 下拉框覆盖底下组件

作者：IT小白 | 2024-02-19 13:05:58

踩

el-select 下拉框覆盖底下组件

前因：

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

解决方法：

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/114848