如何更改 Angular Material mat-slide-toggle 属性？答案

【问题标题】：How to change Angular Material mat-slide-toggle properties?如何更改 Angular Material mat-slide-toggle 属性？
【发布时间】：2020-03-25 14:07:57
【问题描述】：

<mat-slide-toggle>Slide Me!</mat-slide-toggle>

如何增加toggle-thumb-icon的长度，是否可以自定义toggle-thumb-icon到栏的末尾？

【问题讨论】：

它是这样工作的，你能用 stackblitz 创建一个演示吗？你到底想要什么
stackblitz.com/edit/angular-aop7wy 以上是相同的工作示例。实际上我想将切换滑动到末尾

标签： css angular sass angular-material2 angular8

【解决方案1】：

你可以用简单的样式来做

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
    transform: translate3d(32px,0,0) !important;
}

STACKBLITZ DEMO

【讨论】：