怎么设置ElNotification字体颜色
时间: 2023-08-07 07:06:53 浏览: 99
实现自定义的弹出通知视图(Notification)-定制颜色、图标等
ElNotification 是一个基于 Element UI 的通知组件,你可以通过以下方式来设置它的字体颜色:
1. 使用 `custom-class` 属性来自定义该组件的 CSS 类名,然后在样式表中设置该类的字体颜色。示例代码如下:
```html
<el-notification
class="my-notification"
custom-class="my-notification-color"
:title="title"
:message="message">
</el-notification>
```
```css
.my-notification-color .el-notification__title,
.my-notification-color .el-notification__content {
color: #fff; /* 设置字体颜色为白色 */
}
```
2. 直接在全局样式表中设置该组件的字体颜色。示例代码如下:
```css
.el-notification__title, .el-notification__content {
color: #fff; /* 设置字体颜色为白色 */
}
```
注意:以上两种方式都会将所有的 ElNotification 实例的字体颜色设置为相同的颜色,因此如果你需要对不同的通知组件设置不同的字体颜色,可以使用第一种方式并为每个组件设置不同的 CSS 类名。
阅读全文