Element中el-select修改下拉面板颜色，局部组件修改不影响全局_vue 如何修改el-select 下拉框背景颜色

作者：从前慢现在也慢 | 2024-02-14 21:51:45

踩

vue 如何修改el-select 下拉框背景颜色

1、默认el-select渲染后的Css样式如下：

该组件直接挂在到#app节点上，导致我们不能在某个组件内修改下拉框的样式等需求；选中 el-select 的选项时页面的结构时，选项的容器并不在挂载的 div#app 上，所以设置的样式就无法正常作用到选项内容的 div 上；

2、el-select组件中设置参数:popper-append-to-body="false"

这样el-select组件就不会直接挂在到#app上，这样就可以在某个组件中修改el-select的样式了

修改后，页面渲染后的效果如下：

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