Programmiererforum

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

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

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

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

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]this.errormessagecard.open(error.error.message,'Esci', {panelClass : 'error-snackbar'});
[/code]
Ich habe buchstäblich alles versucht:
[b]In meiner Component.css[/b]
[code].error-snackbar{
background-color: red!important;
}
[/code]
[code]error-snackbar{
background-color: red!important;
}
[/code]
[code]::ng-deep .error-snackbar{
background-color: red!important;
[/code]
Und das Gleiche in meiner [b]styles.css[/b]
Was ich bekomme, ist immer das gleiche Ergebnis, nämlich dieses :
Snackbar-Ergebnis
Nichts ändert sich, warum??