el-select下拉框背景颜色
时间: 2023-10-06 08:05:33 浏览: 170
下拉框显示不同的颜色
4星 · 用户满意度95%
要修改`el-select`下拉框的背景颜色,你可以通过以下两种方式实现:
1. 使用自定义样式:可以通过给`el-select`添加一个自定义的class,然后在CSS中设置该class的背景颜色。例如:
```html
<el-select class="custom-select">
<!-- select options -->
</el-select>
```
```css
.custom-select .el-select-dropdown {
background-color: #f2f2f2; /* 设置背景颜色 */
}
```
2. 使用全局样式:如果你想为所有的`el-select`下拉框设置相同的背景颜色,可以直接在全局样式中设置。例如:
```css
.el-select-dropdown {
background-color: #f2f2f2; /* 设置背景颜色 */
}
```
以上两种方式中,你可以根据自己的需求选择其中一种来修改`el-select`下拉框的背景颜色。
阅读全文