¿Es posible cambiar el color mat-divider ? Intenté lo siguiente, no funcionó
componente.html
<mat-divider class="material-devider"></mat-divider>componente.scss
.material-devider { color: red }Sí tu puedes.
Debe invalidar el estilo de clase .mat-divider en su propio CSS escrito y cambiar la propiedad border-top-color .
.mat-divider { border-top-color: rgba(0, 0, 0, 0.12); }es el estilo predeterminado de Angular Material.
.mat-divider { border-top-color: red; } Esto debería ser suficiente para cambiarlo (si su CSS se procesa más tarde que el de Material). De lo contrario, agregar una mayor especificidad a su clase CSS ayudará ( .mat-divider.mat-divider ).
Para cambiar el color mat-divider simplemente cambie la propiedad border-top-color de la clase .mat-divider.
.mat-divider { border-top-color: red; }