.my-notification-warning .el-notification__content { background-color: #ff4949 ; // 设置背景颜色为红色 color: #FFFFFF; }ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', customClass: 'my-notification-warning' // 添加自定义类名 })为什么背景色靠近边框的位置没有生效
时间: 2024-03-12 07:45:16 浏览: 332
vue-toast-notification:Vue.js的另一个Toast Notification插件
这可能是由于ElNotification的样式优先级问题导致的。你可以尝试使用更具体的CSS选择器来设置背景颜色,以增加它的优先级,例如:
```
.my-notification-warning .el-notification__group .el-notification__content {
background-color: #ff4949;
color: #FFFFFF;
}
```
这样设置可以覆盖默认的背景颜色和字体颜色,而且可以确保在所有情况下都能生效。
另外,你也可以使用!important来强制优先级,例如:
```
.my-notification-warning .el-notification__content {
background-color: #ff4949 !important;
color: #FFFFFF !important;
}
```
但是使用!important会破坏CSS的样式继承机制,建议在必要的情况下才使用。
阅读全文