3

我想更改默认 Angular Material Datepicker 的主题。我找不到任何关于这个问题的有用信息(我只找到了 AngularJS 或旧的 Angular Material)。我使用的是默认 CSS,但我根据自己的喜好对其进行了修改。

这是日期选择器的样子: https ://imgur.com/YmJctem

我想把它改成这种类型: https ://imgur.com/oVlwCDK

我想使用材料日期选择器,因为我实现了一些代码,它只适用于材料日期选择器。

也许这听起来很有趣,但我想在 Angular Material Datepicker 中添加一个 Datepicker Material Design。

感谢您的帮助/建议!

4

1 回答 1

-1

如果您可以为我们提供一个 plunker,将使事情变得更容易。

为了达到您想要的效果,您需要覆盖默认的角度材质 CSS 类。快速浏览后,您会看到(使用检查)每个元素都有一个 CSS 类,如“mat-calendar-header”。你有两个选择:

  1. 使用 ::ng-deep 伪类。如果您想对此类应用自定义样式,您可以通过在要覆盖的角度材质 css 类前面添加伪类 ::ng-deep 来实现此目的。这种样式可以添加到角度组件特定的 css 文件中。

    将 ::ng-deep 伪类应用于任何 CSS 规则会完全禁用该规则的视图封装。应用 ::ng-deep 的任何样式都将成为全局样式。

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

  2. 覆盖全局styles.css文件中的角材质css类

于 2019-06-10T11:31:39.040 回答