el-message 字体颜色
时间: 2023-07-10 12:17:10 浏览: 229
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的样式:
```css
.el-message-box button {
/* 添加你想要的样式 */
}
```
例如,你可以修改按钮的颜色、字体大小、边框等等。如果你只想修改其中一些按钮而不是全部,可以使用伪类选择器来选择特定的按钮。例如,如果你只想修改取消按钮的样式,可以这样写:
```css
.el-message-box button.cancel {
/* 添加你想要的样式 */
}
```
这样,只有带有“cancel”类的按钮会被样式化。
elementui message 字体颜色
根据提供的引用内容,可以看出ElementUI的Message组件可以通过修改样式来改变字体颜色。具体来说,可以通过修改.el-message *的color属性来改变字体颜色。例如,可以将color属性设置为红色来改变字体颜色:
```css
.el-message * {
color: red !important;
}
```
这样,Message组件中的文字将会显示为红色。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![dmg](https://img-home.csdnimg.cn/images/20210720083646.png)