el-select-dropdown__item如何对select的样式修改

可以通过以下两种方式修改 `el-select` 组件的下拉选项样式：

1. 使用 scoped CSS

在 `el-select` 组件所在的父组件中使用 scoped CSS，以覆盖 `el-select-dropdown__item` 的样式。

例如：

<template>
  <el-select v-model="value">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<style scoped>
.el-select-dropdown__item {
  color: red;
  background-color: green;
}
</style>

2. 使用 /deep/ 或 ::v-deep

使用 /deep/ 或 ::v-deep 来穿透 `el-select` 组件的样式作用域，以覆盖 `el-select-dropdown__item` 的样式。

例如：

<template>
  <el-select v-model="value">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<style>
/* 使用 /deep/ */
/deep/ .el-select-dropdown__item {
  color: red;
  background-color: green;
}

/* 使用 ::v-deep */
::v-deep .el-select-dropdown__item {
  color: red;
  background-color: green;
}
</style>

注意：使用 /deep/ 或 ::v-deep 可能会影响到其他组件的样式，不建议过度使用。