Question

覆盖角材料主题的最佳方法是什么？

重写角度材料类别是否是一个好习惯，例如：

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

or通过为Angular-material元素创建自己的CSS类。

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

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

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

请为我提供重写Angular-material元素的最佳方法。

Answer 1

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

基本方法是使用默认的角度调色板/颜色（available here）为整个应用程序创建自定义主题，在浅色或深色主题之间进行选择，然后将其应用于整个应用程序。

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