1

我用大小为 39px x 39px 的背景图像替换了引导滑块的手柄。

现在我想限制我的引导滑块手柄的范围，如第二个示例所示。但是，如何修复它以使手柄不会超出轨道范围？

<div style="width:80%; margin: 50px auto;">     
    <input id="ex1" data-slider-id='rangeslider' type="text" data-slider-min="0" data-slider-max="300" data-slider-step="1" data-slider-value="0"/>
</div>
<div style="width:80%; margin: 50px auto;">     
    <input type="range" step="1" value="0" max="10" min="0" name="Size" id="size">
</div>
4

2 回答 2

0

您可以使用具有类型范围的标准 html5 输入。但是，您需要设置样式以使用不同的浏览器（到目前为止，只有 IE 可以开箱即用）。

于 2015-05-13T11:40:45.627 回答
0

如果有人需要答案：

我切换到 Powerange，因为手柄的 IOS 样式不会与轨道重叠。

于 2015-05-22T12:01:16.390 回答