這是我的Mat- Date picker包在mat-form里面，我不能將顏色從白煙變成真正的白色。如何做到這一點，我嘗試了這么多方法仍然沒有工作/圖片-1/

這是我的角碼

<div class="grid-item">
    <mat-form-field   class="form" >
      <input  matInput [matDatepicker]="dp" (dateChange)="dateChange($event.target)" [formControl]="serializedDate" class="dateinput" >
      <mat-datepicker-toggle  matIconSuffix [for]="dp"></mat-datepicker-toggle>
      <mat-datepicker  #dp></mat-datepicker>
    </mat-form-field>
  </div>

和表單字段的my css

.grid-item {
    flex: 1;
   /* width: 12%; */
    margin-bottom: 20px;
    padding: 10px;
   }
    .form {
    height: 40%;
   width: 90%;
   
  }
    .dateinput{
    
    width: 85%;
     }

如何讓這個容器全白不冒白煙

您可以使用此規則來覆蓋默認的白色煙霧背景色。

:host ::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: white;
}

閱讀更多關于::ng-deep和:host here:用什么代替::ng-deep