设置el-button中link类型按钮的文字颜色且不改变悬停样式

可以使用以下样式来设置el-button中link类型按钮的文字颜色：

.el-button--text:not(.is-disabled) {
  color: #xxx; /* 设置文字颜色 */
}

这样可以只改变文字颜色，而不影响悬停样式。其中，`#xxx`是你想要设置的颜色值。请将其替换为你需要的颜色值。

相关问题

怎么设置el-button的默认颜色且不改变hover时颜色的变化

你可以使用以下CSS代码来设置el-button的默认颜色，并且保持hover时颜色的变化不变：

.el-button {
  background-color: #409EFF; /* 设置默认背景色 */
  color: #fff; /* 设置默认文字颜色 */
}

.el-button:hover {
  background-color: #66b1ff; /* 设置hover时的背景色 */
}

这样，el-button的默认背景色会被设置为#409EFF，并且默认文字颜色为白色。当鼠标移动到按钮上时，背景色会变为#66b1ff，文字颜色不变。你可以根据自己的实际需求修改颜色值。

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>