element plus中el-select修改下拉框样式

要修改 Element Plus 中的下拉框样式，可以使用 CSS 样式覆盖默认样式。以下是一个简单的例子：

<template>
  <el-select v-model="value" placeholder="Select">
    <el-option label="Option 1" value="1"></el-option>
    <el-option label="Option 2" value="2"></el-option>
    <el-option label="Option 3" value="3"></el-option>
  </el-select>
</template>

<style scoped>
.el-select-dropdown {
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-select-dropdown .el-option {
  padding: 10px;
  font-size: 14px;
  color: #333;
}

.el-select-dropdown .el-option:hover {
  background-color: #f5f5f5;
}
</style>

在上面的例子中，我们使用了 CSS 样式来修改下拉框的圆角、阴影、选项的样式和鼠标悬停时的背景颜色。需要注意的是，我们在 `<style>` 标签中使用了 `scoped` 属性，这样样式只会作用于当前组件，而不会影响其他组件。