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

在Vue中使用Element UI时，可以通过CSS覆盖的方式来修改el-select组件的下拉框背景颜色。以下是一个简单的例子：

首先，在你的组件的<style>标签中或者单独的CSS文件中添加以下CSS规则：

/* 修改el-select下拉菜单的背景颜色 */
.el-select-dropdown {
  background-color: #f5f7fa; /* 你想要的颜色 */
}

确保这段CSS能够被Vue组件所加载，然后在你的Vue模板中使用el-select组件：

<template>
  <el-select 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: '选项1' }, { value: '2', label: '选项2' }]
    };
  }
};
</script>

这样，当你打开el-select组件的下拉菜单时，背景颜色将会被修改为你在CSS中指定的颜色。