增加ion.RangeSlider的高度? [英] Increase Height of ion.RangeSlider?

问题描述

我目前正在为我的项目使用ion.RangeSlider，可以在这里找到:

I am currently using ion.RangeSlider for my project which can be found here:

http://ionden.com/a/plugins/ion.rangeSlider/en.html

它很好用，但我想知道是否有人知道如何增加滑块的尺寸/高度?我已经尝试过身高&填充无济于事.我可以降低高度，但似乎可以达到一定的高度.

It works great but I'm wondering if anyone knows how to increase the size/height of the slider? I've tried height & padding with no avail. I can decrease the height but it seems to cap out at a certain height.

谢谢.

推荐答案

Ion.RangeSlider使用图像作为背景，因此，不可能仅在CSS上使用height.但是您可以使用:

The Ion.RangeSlider is using an image as background, therefore, it isn't possible to simply use height on CSS. But you can use:

.irs-bar, .irs-line,.irs-slider{
        transform: scaleY(1.2);
}

增加滑动条/线.并增加整个组件:

To increase the slider bar/line. And to increase the whole component:

.irs{
    transform: scaleY(1.2);
}

请注意，scaleY是百分比增长.

Note that scaleY is a percentual increase.

这篇关于增加ion.RangeSlider的高度?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！