element ui select组件 下拉框样式如何更改

可以通过以下方法更改 Element UI Select 组件下拉框的样式：

1. 使用 CSS 样式覆盖 Element UI 的默认样式

通过给 Select 组件添加自定义的 CSS 样式来改变其下拉框的样式，例如：

.el-select-dropdown {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

2. 使用 Element UI 的自定义主题

通过在项目中引入 Element UI 的主题文件，可以全局改变组件的样式，包括 Select 组件的下拉框样式。具体操作如下：

首先，安装 `element-theme` 工具：

npm install element-theme -g

然后，在项目中创建一个 `theme` 目录，并在其中创建一个 `element-variables.scss` 文件，用于设置 Element UI 的主题变量。例如：

$--color-primary: #409EFF;
$--border-radius-base: 4px;
$--select-menu-bg: #f5f5f5;
$--select-menu-border-color: #ccc;

接着，在命令行中执行以下命令生成主题文件：

et -i theme/element-variables.scss -o theme

最后，在入口文件中引入主题文件：

import 'element-theme-default';

这样就可以全局改变 Element UI 组件的样式了，包括 Select 组件的下拉框样式。