el-select下拉框修改背景色
时间: 2024-06-02 11:06:27 浏览: 394
美化select下拉框
你可以通过以下两种方式来修改el-select下拉框的背景色:
1. 通过设置样式来修改背景色,可以使用以下 CSS 代码:
```css
.el-select-dropdown {
background-color: #f5f5f5;
}
```
2. 通过使用 el-select 组件的 dropdown-class 属性来添加一个自定义的类名,然后在 CSS 中设置该类名的样式,例如:
```html
<el-select v-model="value" placeholder="请选择" dropdown-class="my-dropdown">
<el-option label="选项一" value="option1"></el-option>
<el-option label="选项二" value="option2"></el-option>
<el-option label="选项三" value="option3"></el-option>
</el-select>
```
```css
.my-dropdown {
background-color: #f5f5f5;
}
```
阅读全文