Wenden Sie den CSS-Stil auf die Mat-Snackbar in Angular an ⇐ CSS

[Guest]

Ich frage mich, warum ich den ganzen Nachmittag damit beschäftigt bin, und ich finde es peinlich, dass so etwas Triviales in eckigem Material so schwer zu machen ist.
Das bin ich Ich versuche, einen benutzerdefinierten Stil auf eine Snackbar anzuwenden, sobald auf eine Schaltfläche geklickt wird. Dies ist mein Code:

Code: Select all

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

Ich habe buchstäblich alles versucht:
In meiner Component.css

Code: Select all

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

Code: Select all

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

Code: Select all

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

Und das Gleiche in meiner styles.css
Was ich bekomme, ist immer das gleiche Ergebnis, nämlich dieses :
Snackbar-Ergebnis
Nichts ändert sich, warum??