日期选择器背景色的背景色：＃418D2E

Question

我正在尝试在角材料日期选择器中的日历图标的css中添加背景色。我没有任何变化。

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

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

无法看到任何更改。它显示了相同的默认背景色。

Answer 1

我不知道确切的原因，但是要覆盖有角度的材质样式，您必须在styles.css（全局）中添加CSS。因此，在该文件中，您可以覆盖所需的任何属性。

.mat-datepicker-toggle .mat-icon-button {
  background-color: red;
}
.mat-calendar {
  background-color: lightgreen;
}

看看可以正常工作的example。