el-button自定义颜色

在Element UI库中的el-button组件，如果你想自定义其背景颜色，可以通过设置`type`属性来实现。默认情况下，el-button有多种预设样式，如`primary`（主要色）、`success`（成功色）、`info`（信息色）、`warning`（警告色）等。你可以通过改变`type`值为自定义的颜色名，比如`custom`，然后配合`:active`、`:hover`等状态选择器，以及`.el-button__inner`类下的`background-color` CSS 属性来自定义它的颜色。

例如：

<el-button type="custom" :style="{ backgroundColor: 'your-custom-color', ':active': { backgroundColor: 'your-custom-color-active' }, ':hover': { backgroundColor: 'your-custom-color-hover' } }">
  自定义按钮
</el-button>

你需要替换`your-custom-color`、`your-custom-color-active` 和 `your-custom-color-hover`为你想要的颜色值，可以使用CSS颜色名称、十六进制、RGB或RGBA表示。