垫滑块拇指的大小

Question

我在 angular 应用程序中使用垫滑块。 Stackblitz link 是

https://stackblitz.com/edit/angular-material-custom-slider?file=app%2Fslider-overview-example.ts

我遇到的问题是，每当我点击拇指滑动时，圆圈就会变大。我怎样才能使那个圆圈保持原来的大小。

Answer 1

::ng-deep .mat-slider-thumb {
  transform: scale(0.7) !important;
}

有多种方法可以做到这一点。这是我现在能想到的。