Angular Material 2 Mat-Slide-Toggle更改拇指的滑动距离

时间:2018-11-10 01:37:11

标签: css angular-material2

我使用的是Angular Material 2中的mat-slide-toggle元素,并且使它变大了一点,但是单击时拇指不会移到容器的末端,而且我似乎无法找出哪个transform-translate属性控制距离。

以下是单击时当前外观的图片:enter image description here

有人知道需要更改哪些属性才能滑到最后吗?预先感谢。

1 个答案:

答案 0 :(得分:0)

万一有人用谷歌搜索-正确的选择器如下:

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

我从the following link得到了正确的答案,其中包含用于mat-slide-toggle的其他有用的选择器。