html - 如何在 ionic 4 angular 应用程序中更改 matsnackbar 背景颜色？

Question

我正在创建 ionic 4 angular 应用程序，并使用 mat-snackbar 显示成功和错误消息。我需要更改红色错误消息的背景颜色和绿色的成功消息。下面的代码我使用的不是工作。

 //.ts file
 this.snackBar.open('Enter Player Name','Ok', {
    verticalPosition: 'top',
    duration: 2000,
    panelClass: ['blue-snackbar']
  });

  //css
  .blue-snackbar {
   background: blue;
  }

Answer 1

我们可以在global.css中写css类。

//write this css class in global.css
  .blue-snackbar{
   background:blue;
 }