使用自定义 CSS 覆盖 Material2 样式

2024-02-07

我在 Angular 中有 Datepicker 元素。它是 Material Design 的标准组件。

当我尝试为此元素设置自己的样式时,它不适用于属性!important.

如何修复它,以及如何更改默认组件的样式?

代码示例:

.mat-datepicker-toggle {
  margin-right: 10px !important;
}

你需要使用::ng-deep。在您的组件 css 中,将样式设置为以下内容:

::ng-deep .mat-datepicker-toggle {
  margin-right: 10px !important;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用自定义 CSS 覆盖 Material2 样式 的相关文章

随机推荐