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
我还没有找到任何方法来获得小于 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