怎么设置element-plus ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', })背景,字体,边框颜色
时间: 2024-03-12 21:45:10 浏览: 99
你可以通过以下方式来设置ElNotification的背景、字体和边框颜色:
1. 设置背景颜色:
你可以使用CSS来设置ElNotification的背景颜色,例如:
```css
.el-notification__group {
background-color: #f0f0f0; /* 设置背景颜色 */
}
```
2. 设置字体颜色:
同样可以使用CSS来设置ElNotification的字体颜色,例如:
```css
.el-notification__content {
color: #000; /* 设置字体颜色 */
}
```
3. 设置边框颜色:
也可以使用CSS来设置ElNotification的边框颜色,例如:
```css
.el-notification__group {
border: 1px solid #ccc; /* 设置边框 */
}
```
注意:以上CSS代码仅为示例,你需要根据自己的需求进行调整。此外,还可以使用element-plus提供的props进行样式设置,例如:
```html
<el-notification
:title="'提示'"
:message="'这是一条警告信息'"
:type="'warning'"
:dangerously-use-html-string="true"
:offset="50"
:duration="3000"
:show-close="true"
:custom-class="'my-notification'"
:position="'bottom-right'"
:z-index="99999"
:style="{backgroundColor: '#f0f0f0', color: '#000', border: '1px solid #ccc'}"
></el-notification>
```
在style中设置对应的属性即可。
阅读全文