<mat-paginator #paginator class="table-paginator" (page)="handlePageEvent($event)" [length]="paginatorLength" [pageSize]="paginatorPageSize" [showFirstLastButtons]="paginatorShowFirstLastButtons" [pageSizeOptions]="paginatorShowPageSizeOptions ? paginatorPageSizeOptions : []" [hidePageSize]="paginatorHidePageSize" [pageIndex]="paginatorPageIndex"> </mat-paginator> ::ng-deep .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: #02a10e !important; } ::ng-deep .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #04c431 !important; } I try this code, but it does not changed the background color of the dropdown, how could I change it? Continue reading...