垫子形状场轮廓颜色和尺寸变化

问：

我在 Angular 16 中有一个带有日期范围选择器的 mat-form-field.I 尝试更改输入的颜色和大小，但很难。谁能帮忙？ 这是我的代码：

  <div class="datePicker">
    <mat-form-field appearance="outline">      
      <mat-date-range-input [rangePicker]="picker">
        <input matStartDate placeholder="Start date">
        <input matEndDate placeholder="End date">
      </mat-date-range-input>    
      <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-date-range-picker #picker></mat-date-range-picker>
    </mat-form-field>
  </div>

我已经在我的 SCSS 中尝试了以下方法，但没有奏效

.mat-form-field-outline {
  height: 30px;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: gray;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: gray;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0em 0 0em 0;
}