Angular 材料“mat-slide-toggle”覆盖

Question

我不熟悉使用有角材料。 我想重载......我想在谷歌关闭时改变它的颜色，但我不知道该怎么做。 谢谢你的帮助。 这是我的代码 Html：

<form>
    <mat-slide-toggle class="livre-toggle" color="primary" [checked]="isChecked"
        (change)="toggleChanged($event, label)" translate>
        {{label | translate}}
    </mat-slide-toggle>
</form>

在我的 SCSS 中，我需要更改切换的颜色 谢谢。

Answer 1

您可以执行以下快速修复：

::ng-deep {
    mat-slide-toggle {
        .mat-slide-toggle-bar {
            background-color: rgba(0, 0, 0, 0.6); // your bar color here
            .mat-slide-toggle-thumb {
                background-color: #000; // your slide thumb color here
            }
        }
    }
}