I'm trying to style the border bottom color of my mat-paginator when a option is selected, which has a default purple color. Anyone got a solution?
I tried looking for class that style the border on devtools, but didn't succeed.
CodePudding user response:
you need to target the mat-form-field-ripple class and use ng-deep or place the rules in styles.css to override the theme based color,
::ng-deep .mat-form-field.mat-focused .mat-form-field-ripple{
background-color: red;
}
CodePudding user response:
Try this:
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: red;
}
As seen here (possibly a duplicate).