Angular 如何更改角度材质日期选择器主题?

Angular 如何更改角度材质日期选择器主题?,angular,themes,angular7,angular-material-7,angular8,Angular,Themes,Angular7,Angular Material 7,Angular8,我想更改默认角度材质日期选择器的主题。我找不到任何关于这个isue的有用信息(我只找到AngularJS或旧的Angular材质)。我使用的是默认的CSS,但是我根据自己的喜好修改了它 这是日期选择器的外观: 我想将其更改为这种类型: 我想使用material datepicker,因为我实现了一些代码,并且它只适用于material datepicker 也许这听起来很有趣,但我想将Datepicker材质设计添加到Angular材质Datepicker 谢谢你的帮助/建议 如果您能为我们

我想更改默认角度材质日期选择器的主题。我找不到任何关于这个isue的有用信息(我只找到AngularJS或旧的Angular材质)。我使用的是默认的CSS,但是我根据自己的喜好修改了它

这是日期选择器的外观:

我想将其更改为这种类型:

我想使用material datepicker,因为我实现了一些代码,并且它只适用于material datepicker

也许这听起来很有趣,但我想将Datepicker材质设计添加到Angular材质Datepicker


谢谢你的帮助/建议

如果您能为我们提供一个便利,会让事情变得更容易

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

  • 使用::ng deep伪类。 如果要对此类应用自定义样式,可以通过添加 伪类::ng deep,在您想要创建的角度材质css类前面 推翻此样式可以添加到特定于角度组件的css文件中

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

    示例:
    ::ng deep.mat日历头{背景色:红色;}

  • 覆盖global styles.css文件中的角度材质css类


  • 看一看:是的,我想更改css,但我没有找到任何好的资源来只修改css,而不涉及材质库(js/ts文件)。这样,你甚至不涉及原始材质库,因为你会覆盖角度组件中的材质样式。原始样式将保持不变。