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?

Mat-paginator purple border

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).