我在 Angular 中有 Datepicker 元素。它是 Material Design 的标准组件。
当我尝试为该元素设置自己的样式时,它不适用于属性 !important
。
如何修复,如何更改默认组件的样式?
代码示例:
.mat-datepicker-toggle {
margin-right: 10px !important;
}
最佳答案
你需要使用 ::ng-deep
。在您的组件 css 中,将您的样式设置为以下内容:
::ng-deep .mat-datepicker-toggle { margin-right: 10px !important; }
关于angular - 使用自定义 CSS 覆盖 Material2 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45614200/