更改 Angular 材质垫选择组件的背景颜色

Question

我正在尝试更改 Angular Material mat-select组件中的背景颜色。 我尝试将相同的 class 添加到所有标签class="bg" ：

.bg {
  background: #fff !important;
}

::ng-deep .bg {
  background: #fff  !important;
}

Select ::ng-deep element ::ng-deep .bg {
  background: #fff  !important;
}

Select::ng-deep .bg {
  background: #fff  !important;
}

但是组件的某些部分看起来像透明的背景颜色：

<mat-form-field class="bg">
  <mat-select class="bg">
    <mat-option
      class="bg"
      *ngFor="let dt of data"
      [value]="dt.value"
    >
      {{ dt.myValue }}
    </mat-option>
  </mat-select>
</mat-form-field>

Answer 1

我正在尝试更改 Angular Material mat-select组件中的背景颜色。 我尝试将相同的 class 添加到所有标签class="bg" ：

.bg {
  background: #fff !important;
}

::ng-deep .bg {
  background: #fff  !important;
}

Select ::ng-deep element ::ng-deep .bg {
  background: #fff  !important;
}

Select::ng-deep .bg {
  background: #fff  !important;
}

但是组件的某些部分看起来像透明的背景颜色：

<mat-form-field class="bg">
  <mat-select class="bg">
    <mat-option
      class="bg"
      *ngFor="let dt of data"
      [value]="dt.value"
    >
      {{ dt.myValue }}
    </mat-option>
  </mat-select>
</mat-form-field>