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

Question

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

如何增加切换拇指图标的长度，是否可以将切换拇指图标自定义到栏的末尾？

标签： cssangularsassangular-material2angular8

Answer 1

您可以使用简单的样式

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

堆栈闪电战演示