如何设置角度材料组件的自定义默认值

Question

可以为@angular/material 属性定义自定义值吗？

我在我的应用程序中使用 mat-paginator，我正在尝试将 .mat-paginator-range-label {margin: 0 32px 0 24px} 更改为 .mat-paginator-range-label{margin:auto}，但我无法更改它。

有可能吗？

Answer 1

不要使用 ng-deep，它已被弃用

在你的styles.scss中覆盖材质样式

body .mat-paginator-range-label {
    margin: auto;
}

Answer 2

如果我没记错的话，你想覆盖 .mat-paginator-range-label 和 .mat-paginator-range-label 类的 css 属性，因为你可以使用 ::ng-deep

::ng-deep .mat-paginator-range-label {margin: 0 32px 0 24px}

::ng-deep .mat-paginator-range-label{margin:auto}

或

::ng-deep{
.mat-paginator-range-label {margin: 0 32px 0 24px}
.mat-paginator-range-label{margin:auto}
}