el-select设置背景颜色

`el-select`是Element UI库中的一个用于创建下拉选择框的组件。为了自定义`el-select`的背景颜色，你需要通过CSS样式直接修改它的样式属性。以下是详细步骤：

### 设置基本选择器

首先，你可以使用`.el-input__inner`作为选择器来覆盖输入框的颜色。这是因为`el-select`通常包裹在`<input>`标签内部，并由`el-input__inner`类处理大部分样式。

.el-input__inner {
    background-color: #yourBackgroundColor; /* 将#yourBackgroundColor替换为你想要的颜色 */
}

如果想让整个`el-select`组件包括箭头部分都显示特定颜色，可以针对 `.el-select__tags` 和 `.el-select__tags-editable` 类添加额外样式。这将影响到选择项的显示效果：

.el-select .el-select__tags,
.el-select .el-select__tags-editable {
    color: #yourForegroundColor;
}

/* 可能需要调整边框颜色等其他样式 */
.el-select .el-input__icon {
    color: #yourBorderColor;
}

### 使用scoped CSS或全局样式

在上述CSS代码放在<style>标签内并使用scoped修饰符时，仅对当前文件生效。如果你想在整个项目中应用这些样式变化，可以将它们移至全局样式表中，或者使用CSS预处理器如Sass、Less等，以便更易于维护和扩展。

### 示例整合

假设你想为一个`el-select`组件设置背景色为浅蓝色，文本为白色：

.el-input__inner {
    background-color: lightblue;
}

.el-select .el-select__tags,
.el-select .el-select__tags-editable {
    color: white;
}

.el-select .el-input__icon {
    color: black;
}

###