我如何更改Mat-Paginator下拉列表的背景色？

Answer 1

Pagination中没有内置的自定义 - 样式Page

.。 这种方法的问题是，当您升级到更高版本的角度材料时，CSS可能会破裂，但是对于所有非标准材料组件的非标准方式都是相同的。

.custom-dropdown-color {
  --mat-sys-secondary-container: #02a10e !important;
  --mat-option-selected-state-layer-color: #04c431 !important;
}

然后我们使用具有输入

panelClass

.

的the

selectConfig

matpaginatorsElectConfig的属性。 上课很重要，因为我们可以自定义特定于特定组件的下拉菜单。

<mat-paginator
[length]="100"
[pageSize]="10"
[pageSizeOptions]="[5, 10, 25, 100]"
aria-label="Select page"
[selectConfig]="{panelClass: 'custom-dropdown-color'}"
>
</mat-paginator>

stackblitzdemo