Bootstrap Range滑块限制手柄范围

Question

我用大小为39px x 39px的背景图片替换了bootstrap滑块的句柄。

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

<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可以直接使用）。

Answer 2

如果有人需要答案：

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