将CSS样式应用到Angular中的mat-snackbar

Question

我想知道为什么我整个下午都被困在这个问题上，而且我觉得很尴尬，这么微不足道的事情在有角材料中很难做到。

我试图在单击按钮后将自定义样式应用于小吃栏，这是我的代码：

this.errormessagecard.open(error.error.message,'Esci', {panelClass : 'error-snackbar'});

我已经尝试了一切：

在我的component.css中

.error-snackbar{
  background-color: red!important;
} 

error-snackbar{
  background-color: red!important;
}

::ng-deep .error-snackbar{
  background-color: red!important;

我的 styles.css

中也有同样的事情

我得到的总是相同的结果，就是这样：

Snackbar 结果

没有任何变化，为什么？？

Answer 1

使用新标签更新样式表：

.error-snackbar {
  --mdc-snackbar-container-color: red;  
  --mat-snack-bar-button-color: white;
}