Is it possible to change mat-divider color?
I tried the following, it didn't work
component.html
<mat-divider class="material-devider"></mat-divider>
component.scss
.material-devider {
color: red
}
If you can.
You must override the .mat-divider class style in your own written CSS and change the border-top-color property.
.mat-divider { border-top-color: rgba(0, 0, 0, 0.12); }is the default style of Angular Material.
.mat-divider { border-top-color: red; } This should be enough to change it (if your CSS renders later than Material's). If not, adding more specificity to your CSS class will help ( .mat-divider.mat-divider ).
To change the mat-divider color simply change the border-top-color property of the .mat-divider class.
.mat-divider { border-top-color: red; }