如何更改 Angular Material 垫子滑动切换属性?

gau*_*iva 2 css sass angular-material2 angular angular8

<mat-slide-toggle>Slide Me!</mat-slide-toggle>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

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

Saj*_*ran 5

你可以用简单的风格来做

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

Stackblitz 演示