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

Posted 2023-03-06

【中文标题】如何更改 Angular Material mat-slide-toggle 属性？

【英文标题】：How to change Angular Material mat-slide-toggle properties?

【发布时间】：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 以上是相同的工作示例。实际上我想将切换滑动到末尾

【参考方案1】：

你可以用简单的样式来做

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

STACKBLITZ DEMO