Angular中有没有办法获得宽度小于128像素的垫式滑块?

问题描述

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

解决方法

这是因为.mat-slider-horizontal具有min-width的{​​{1}}属性。

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

128px

请注意,最小宽度可能是有充分理由的,这可能会带来其他问题。

这是更新的Stackblitz:

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