自舉範圍滑塊限制手柄範圍

Question

我用大小爲39px x 39px的背景圖像替換了自舉滑塊的手柄。

現在我想限制我的引導滑塊手柄的範圍，如第二個example所示。 但是，我該如何解決這個問題，使手柄不能超出軌道範圍？

<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風格手柄的不重疊的軌道。