我需要改变 snackbar 组件的背景。我使用它来向用户警告或通知他们某些错误或已完成的操作。
项目中使用的材料版本为:"@angular/material": "^5.0.0-rc.1"。
文档 https://material.angular.io/components/snack-bar/api 中提到了一个 API 可以用来更改类。
panelClass: string | string[] 可以添加到 snackbar 容器中的额外 CSS 类。
这是我在 CSS 文件中添加的内容。
.mycsssnackbartest {
background-color: blue;
}
这是打开消息提示框的代码
this.snackBar.open('Informing the user about sth', 'User Message' , {
panelClass: ['mycsssnackbartest ']
} );
我做错了什么?