如何改变角度材质数据报头的主题？

Question

我想改变的主题，默认的角度材料数据报警器。我找不到关于这个isue的任何有用的信息(我只找到了AngularJS或旧的角质材料)。我正在使用默认的CSS，但是我将它修改为我的首选项。

这就是数据报警器的样子：https://imgur.com/YmJctem

我想将其更改为以下类型：https://imgur.com/oVlwCDK

我想要使用材料数据报警器，因为我实现了一些代码，它只工作在材料数据报警器上。

也许这听起来很有趣，但我想添加一个数据报头材料设计到角度材料数据报警器。

谢谢你的帮助/建议！

Answer 1

如果你能为我们提供一个柱塞，会使事情变得更容易。

为了实现您想要的，您需要覆盖默认的角材料CSS类。快速查看后，您将看到(使用检查)每个元素都有一个css类，如‘mat-日历-header’。你有两个选择：

1. 用途：：ng-深度伪类。如果要将自定义样式应用于该类，可以通过在要重写的角材料css类前面添加伪类：：ng-深层来实现这一点。这种样式可以添加到角组件特定的css文件中。 将:ng深伪类应用于任何CSS规则，将完全禁用该规则的视图封装。任何有:ng深应用的样式都会成为一种全球风格。

示例：::ng-deep .mat-calendar-header{background-color: red;}

1. 重写全局styles.css文件中的角材料css类。