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

Question

我有一个 mat-select 与该multiple选项一起使用（请参阅文档中的此示例）。
我想设置复选框被选中时的颜色样式（默认情况下为蓝色）。
所以从这个：

我需要得到这个：

但我不知道我应该使用哪个 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 似乎有效，如此 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;
}