如何更改 mat-slide-toggle 的颜色属性/覆盖组件的 CSS？

Question

有什么方法可以更改 Angular Material 组件库中 mat-slide-toggle 组件的颜色属性？如何覆盖其样式？

或者任何人都可以向我建议任何其他用于 Angular 5 应用程序的滑动切换，例如材料滑动切换？

原文由 Amith Dissanayaka 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是在选中切换时更改切换 栏 背景颜色的最佳且简短的方法：

 :host ::ng-deep .mat-checked .mat-slide-toggle-bar {
  background-color: red;
}

原文由 Avraham Weinstein 发布，翻译遵循 CC BY-SA 4.0 许可协议