javascript - Bootstrap Range Slider 限制 handle 范围

Question

我用大小为 39px x 39px 的背景图像替换了 Bootstrap slider 的句柄。

现在我想限制我的 Bootstrap slider handle 的范围，如第二个 example 所示.但是，如何以 handle 不会超出轨道范围的方式修复它？

<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>

Answer 1

您可以使用带有类型范围的标准 html5 输入。但是，您需要 style与不同的浏览器一起工作(到目前为止，只有 IE 开箱即用)。