Angular 如何设置datepicker特定元素的样式？

我有以下角度材质日期选择器示例：

<mat-form-field appearance="fill">
  <mat-label>Enter a date range</mat-label>
  <mat-date-range-input [formGroup]="rangeForm" [rangePicker]="picker" [max]="maxDate">
    <input matStartDate formControlName="start" placeholder="Start date" readonly>
    <input matEndDate formControlName="end" placeholder="End date"
      readonly (dateChange)="onSecondDateChange($event.value)">
  </mat-date-range-input>
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-date-range-picker #picker></mat-date-range-picker>
</mat-form-field>

输入日期范围

我是这样看的：

我想说：

• 输入日期范围

  字体颜色和字体大小

• 20/10/2020-26/10/2020

  字体颜色和字体大小

---

如何操作？

“输入日期范围”有一个类

。mat表单字段标签

，日期有一个类

。mat输入元素

，因此需要在css中设置样式。

“输入日期范围”有一个class

.mat表单字段标签

，日期有class

.mat输入元素

，因此您需要用css设置样式。

您可以使用以下css类

，

mat日期范围输入

和
mat日期范围输入分隔符：

.mat-form-field-label {
  color: red;
}
.mat-date-range-input {
  color: blue;
}
.mat-date-range-input-separator {
  color: blue;
}

您可以使用以下CSS类
mat表单字段标签，
mat日期范围输入和
mat日期范围输入分隔符：

.mat-form-field-label {
  color: red;
}
.mat-date-range-input {
  color: blue;
}
.mat-date-range-input-separator {
  color: blue;
}

第二类不做工作可能您的类需要更具体，例如
input.mat input element
或
mat form field。mat input element
第二类不做工作可能您的类需要更具体，例如
input.mat input element
或
mat form field.mat输入元素