el-form里面的el-select中的el-option下拉框设置背景色和字体颜色
时间: 2023-07-24 20:16:05 浏览: 2276
定义select的边框颜色
可以通过以下方式来设置el-select下拉框中的el-option选项的背景色和字体颜色:
- 设置选项的背景色:可以通过设置el-option的style属性来设置选项的背景色,例如:
```html
<el-select v-model="selectedValue">
<el-option label="Option A" value="A" style="background-color: #f5f5f5;"></el-option>
<el-option label="Option B" value="B" style="background-color: #e0e0e0;"></el-option>
<el-option label="Option C" value="C" style="background-color: #d5d5d5;"></el-option>
</el-select>
```
- 设置选项的字体颜色:可以通过设置el-option的style属性来设置选项的字体颜色,例如:
```html
<el-select v-model="selectedValue">
<el-option label="Option A" value="A" style="color: red;"></el-option>
<el-option label="Option B" value="B" style="color: blue;"></el-option>
<el-option label="Option C" value="C" style="color: green;"></el-option>
</el-select>
```
这里的style属性可以设置任何CSS样式,可以根据实际需要来设置。
阅读全文