Angular有没有办法得到宽度小于128px的mat-slider?

Is there a way in Angular to get a mat-slider with a width less than 128px?

我还没有找到任何方法来获得小于 128 像素宽的垫子滑块。有没有办法做到这一点?我用过 transform: scale();作为临时解决方案,但这会给其他元素带来问题。可以找到我正在使用的滑块类型的示例 here。 css 宽度可以增加,但一旦降低到 128px,就不能再变小了。

这是因为 .mat-slider-horizontal 有一个 min-width 属性 的 128px

您可以使用以下方法覆盖它:

.mat-slider-horizontal {
  min-width: unset;
}

请注意 min-width 可能是有充分理由的,这可能会引入其他问题。

这是更新后的 Stackblitz:

https://stackblitz.com/edit/angular-v5leng?file=src/app/slider-overview-example.css