Mat Paginator Background Colour Change Via Css

Question

Help Please, Mat Paginator Background is Not Changing, I want it to be transparent and I used the Below Code

::ng-deep .mat-paginator {
  background-color: transparent;
}

Answer 1

You're almost there, in this case, you don't need to use::ng-deep, which is being deprecated.

The reason why it's not working is that this code is expecting a class called mat-paginator and not a tag. So, remove the '.' (dot) in front of your mat-paginator and it will work.

YOUR CSS:

mat-paginator {
  background-color: transparent;
}

Example stackblitz