如何自定义 Angular-Material 滑动切换

【问题标题】：How to customize Angular-Material slide toggle如何自定义 Angular-Material 滑动切换
【发布时间】：2021-06-09 21:21:06
【问题描述】：

我需要自定义mat-slide-toggle的颜色、高度和宽度：

<mat-slide-toggle class="" [color]="color" [checked]="checked"   [disabled]="disabled"></mat-slide-toggle>

【问题讨论】：

您好@Murugan C，您尝试了什么，是什么阻碍了您？
你也可以在这里找到一些信息：stackoverflow.com/q/50838843/1475378

标签： css angular angular-material

【解决方案1】：

您可以覆盖 mat-slide-toggle (.mat-slide-toggle-thumb, .mat-slide-toggle-bar) 的内部类来自定义它们的颜色、高度和宽度。如果您需要通过应用程序将这些覆盖添加到 style.scss 中，或者如果需要对样式进行范围限定，则将这些覆盖添加到当前组件的 css 中

【讨论】：