.。 这种方法的问题是,当您升级到更高版本的角度材料时,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