Я использую Angular 7 с материалом закусочной. Я хочу изменить цвет защитывания на зеленый.this.snackBarRef = this.snackBar.open(result.localized_message, 'X', {
duration: 4000,
verticalPosition: 'top',
panelClass: 'notif-success'
});
this.snackBarRef.onAction().subscribe(() => {
this.snackBarRef.dismiss();
});
< /code>
in app.component.scss, у меня есть: < /p>
.notif-success {
color: #155724 !important; // green
background-color: #d4edda !important;
border-color: #c3e6cb !important;
.mat-simple-snackbar-action {
color: #155724 !important;
}
}
< /code>
Но запасная бара все еще отображается в цветах по умолчанию. к закусочной < /p>
< /code>
Почему пользовательские CSS не работает? < /p>
Подробнее здесь: https://stackoverflow.com/questions/563 ... ange-color
