lement button颜色

在 Element UI 中，按钮的颜色可以通过设置 `type` 属性来实现。`type` 属性的值可以是以下几种：

- `primary`：主要按钮，一般为蓝色；
- `success`：成功按钮，一般为绿色；
- `warning`：警告按钮，一般为黄色；
- `danger`：危险按钮，一般为红色；
- `info`：信息按钮，一般为浅蓝色；
- `text`：文字按钮，一般为白色。

此外，还可以设置 `plain` 属性为 `true`，使按钮变成朴素按钮，没有背景色和边框颜色。

下面是一些使用不同颜色的 Element UI 按钮的示例代码：

<el-button type="primary">主要按钮</el-button>
<el-button type="success">成功按钮</el-button>
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>
<el-button type="info">信息按钮</el-button>
<el-button type="text">文字按钮</el-button>
<el-button type="primary" plain>朴素按钮</el-button>

如果你想自定义按钮的颜色，可以通过设置 CSS 样式来实现。例如，下面的 CSS 代码将主要按钮的背景颜色设置为 #ff6600，文本颜色设置为 #fff：

.el-button--primary {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #fff !important;
}

这将把主要按钮的背景颜色设置为 #ff6600，文本颜色设置为 #fff。你可以根据需要修改这些值。