修改element-plus中el-option的颜色

要修改element-plus中el-option的颜色，你可以使用popper-class属性来自定义一个样式类。在这个样式类中，你可以修改.el-select-dropdown__item的颜色属性来改变选项的颜色。例如，你可以添加以下代码到你的样式文件中：

.search-select-option .el-select-dropdown__item {
  color: #ff0000; /* 修改为你想要的颜色 */
}

然后，在el-select组件中添加popper-class属性，并将其值设置为你定义的样式类名，如下所示：

<el-select class="search-select" v-model="queryParams.exceptionType" placeholder="选择工作状态" :suffix-icon="IconDropDown" clearable :fit-input-width="true" popper-class="search-select-option" :teleported="false">
  <el-option label="正常" value="0"></el-option>
  <el-option label="异常" value="1"></el-option>
</el-select>

这样，你就可以通过修改search-select-option样式类中的.el-select-dropdown__item的颜色属性来改变el-option的颜色了。
#### 引用[.reference_title]
- *1* *2* *3* [element-plus修改el-select下拉框的位置](https://blog.csdn.net/qq_43651168/article/details/130712253)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]