el-select选择器修改背景颜色

在Element UI中，您可以通过CSS覆盖默认的样式来修改el-select选择器的背景颜色。以下是一个简单的例子，展示如何通过自定义类来更改背景颜色：

1. 首先，定义一个CSS类来设置背景颜色：

.custom-select-bg .el-input__inner {
  background-color: #f00; /* 将背景颜色改为红色 */
}

2. 然后，在您的Vue模板中，将这个自定义类添加到el-select组件上：

<template>
  <el-select class="custom-select-bg" v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
 
<script>
export default {
  data() {
    return {
      value: '',
      options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }]
    };
  }
};
</script>

在这个例子中，.custom-select-bg 类通过CSS选择器指定了el-select内部的el-input__inner元素，并设置了背景颜色。您可以将#f00替换为您想要的任何颜色代码。