el-button怎么自己设置按钮颜色

在使用 `el-button` 组件时，可以通过 `type` 属性来设置按钮的样式。`type` 属性有以下几个取值：

- `primary`: 主按钮，通常为蓝色
- `success`: 成功按钮，通常为绿色
- `warning`: 警告按钮，通常为黄色
- `danger`: 危险按钮，通常为红色
- `info`: 信息按钮，通常为灰色
- `text`: 文字按钮，颜色与当前文本颜色一致

如果你想自定义按钮的颜色，可以通过设置 `background-color` 和 `border-color` 属性来实现。例如，如果你想将按钮的背景颜色设置为紫色，可以这样写：

<el-button style="background-color: purple; border-color: purple;">自定义按钮颜色</el-button>

当然，你也可以使用 CSS 类来实现自定义按钮颜色的样式。例如，你可以定义一个类 `.my-button`，来设置自定义按钮的样式：

.my-button {
  background-color: purple;
  border-color: purple;
  color: #fff;
}

然后，在使用 `el-button` 组件时，添加 `class="my-button"` 即可：

<el-button class="my-button">自定义按钮颜色</el-button>