vue修改element样式

可以通过以下两种方式修改 Element UI 组件的样式：

1. 使用 Element UI 提供的自定义主题功能，具体步骤如下：

- 在项目中安装 `element-theme` 和 `element-theme-chalk` 两个依赖包。
- 在项目根目录下创建一个 `element-variables.scss` 文件，用于覆盖 Element UI 默认主题的变量。
- 在 `package.json` 文件中添加 `"theme": "element-theme -i ./element-variables.scss"` 命令，用于生成自定义主题。
- 在项目中引入自定义主题的 CSS 文件即可。

2. 使用 CSS 选择器覆盖 Element UI 组件的样式，具体步骤如下：

- 在项目中引入 Element UI 的 CSS 文件。
- 在项目中编写 CSS 选择器，覆盖 Element UI 组件的样式。

例如，要修改 `el-button` 组件的背景色为红色，可以使用以下 CSS 代码：

.el-button {
  background-color: red;
}

注意：在使用 CSS 选择器覆盖 Element UI 组件样式时，需要注意 CSS 选择器的优先级问题，以避免样式被其它样式覆盖。