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

问题描述 投票:0回答:1
html css angular
1个回答
0
投票
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

    

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.