Remove input border from mat paginator

Question

I am using a mat-paginator and it looks like this

The only problem is that I want to erase the blue border that appears at the select input, but I can not figure out how to do it.

Answer 1

to remove the border you should use this.

.mdc-notched-outline__trailing,
.mdc-notched-outline__notch,
.mdc-notched-outline__leading {
    border: none !important;
}

this will delete the border, hope it works.

Answer 2

In Angular Material v15, this ca be achieved as follows:

::ng-deep .mdc-notched-outline > * {
  border: none !important;
}

This answer is inspired by https://stackoverflow.com/a/75258592/2358409