更改角度日期选择器材质组件的颜色

Question

我正在研究一个黑色背景的有角材料日期选择器。如何将日期选择器图标、下划线和占位符文本的默认颜色更改为全白色？

 <mat-form-field>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date">
    <mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

原文由 jxStackOverflow 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在答案上方设置字体颜色对我不起作用。我用了以下，希望这对某人有所帮助。

改变颜色

.mat-calendar-body-cell-content, .mat-date-range-input-separator {
  color: blue;
}

更改字体大小和粗细

.mat-calendar-body {
  font-size: 16px;
  font-weight: bold;
}

将此添加到 styles.css ，我正在使用 Angular 12 和 Angular Material 12

原文由 Saahithyan Vigneswaran 发布，翻译遵循 CC BY-SA 4.0 许可协议