如何覆盖角度材料主题答案

【问题标题】：How to override the angular-material theme如何覆盖角度材料主题
【发布时间】：2018-11-29 12:14:18
【问题描述】：

覆盖 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-material 元素的最佳方法。

【问题讨论】：

【解决方案1】：

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

基础是为整个应用程序创建一个自定义主题，使用默认的角度调色板/颜色 (available here)，在浅色或深色主题之间做出选择，并将其应用于整个应用程序。

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

【讨论】：