el-message 字体颜色

el-message 的字体颜色可以通过在自定义样式中设置 `color` 属性来实现。例如，以下样式可以将 el-message 的字体颜色设置为红色：

.custom-message {
  color: red;
}

如果想要针对不同类型的消息设置不同的字体颜色，可以使用以下样式：

.el-message__content--success {
  color: green;
}

.el-message__content--warning {
  color: orange;
}

.el-message__content--error {
  color: red;
}

.el-message__content--info {
  color: blue;
}

在这个例子中，我们使用了类名 `.el-message__content--success`、`.el-message__content--warning`、`.el-message__content--error` 和 `.el-message__content--info` 来分别对成功、警告、错误和普通消息的字体颜色进行设置。

相关问题

只修改.el-message-box{}中botton的样式

你可以在.el-message-box{}中添加如下CSS样式来修改button的样式：

.el-message-box button {
  /* 添加你想要的样式 */
}

例如，你可以修改按钮的颜色、字体大小、边框等等。如果你只想修改其中一些按钮而不是全部，可以使用伪类选择器来选择特定的按钮。例如，如果你只想修改取消按钮的样式，可以这样写：

.el-message-box button.cancel {
  /* 添加你想要的样式 */
}

这样，只有带有“cancel”类的按钮会被样式化。

elementui message 字体颜色

根据提供的引用内容，可以看出ElementUI的Message组件可以通过修改样式来改变字体颜色。具体来说，可以通过修改.el-message *的color属性来改变字体颜色。例如，可以将color属性设置为红色来改变字体颜色：

.el-message * {
    color: red !important;
}

这样，Message组件中的文字将会显示为红色。