如何覆盖 angular-material 主题

Question

覆盖 angular-material 主题的最佳方法是什么......？

覆盖 angular-material 类是否是一个好习惯，例如：

.mat-form-field-infix {
    background-color : #000fff;
}

或者通过为 Angular-material 元素创建自己的 css 类..？

通过创建自己的 css 类，我在选择 angular-material 元素中的内部子元素时遇到了问题。

在这里，我创建了一个名为“ form-filter-select-wrapper”的自定义类，但我想使用类“ mat-form-field-infix”更改元素的样式，该类是“ form-filter-select-wrapper”类的父元素。

如何自定义此类“ mat-form-field-infix”的属性。我无法从组件级别处理。

请建议我覆盖 Angular 材质元素的最佳方法。

Answer 1

在我看来，覆盖材质主题的最佳方法是创建自定义主题，如官方文档中所述：

基础知识是使用默认的角度调色板/颜色（此处提供）为整个应用程序创建自定义主题，决定浅色或深色主题并将其应用于整个应用程序。

不过，您还可以走得更远，例如：