mat-select 中的样式复选框具有多个选项

Question

我有一个 mat-select，我正在使用 multiple 选项（请参阅 this example from docs）。
我想设置复选框被选中时的颜色（默认为蓝色）。
所以从这里：

我需要得到这个：

但我不知道应该使用哪个 CSS 选择器/规则。
通常对于复选框我会使用这个：

/deep/.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #A5C73C;
}

但选项不被视为复选框。

HTML：

<mat-form-field>
  <mat-select placeholder="Toppings" [formControl]="toppings" multiple>
    <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
  </mat-select>
</mat-form-field>

Answer 1

以下 CSS 似乎可以工作，如 this stackblitz 所示：

::ng-deep .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: unset;
}

::ng-deep .mat-option-pseudo-checkbox.mat-pseudo-checkbox-checked {
    background-color: #A5C73C;
}