用于触摸屏的可拖动范围滑块

Question

我正在使用range创建一个滑块。这是我的fiddle

html：

<input type="range" name="slider-1" id="slider-1" min="1" max="90" value="1" >

CSS

 input[type="range"]::-webkit-slider-thumb{
       -webkit-appearance:none !important;  
       width:15%;
       height:40px;       
        border-radius: 10px;
        -moz-border-radius: 10px;
        -wekkit-border-radius: 10px;
        border:1px solid black;
        background:#FFFFFF ;

     }

它在PC上工作正常。但是在触摸屏上我想拖动它的拇指不起作用。谁能告诉我它为什么不起作用？

Answer 1

尝试将jquery mobile添加到head标签以使触摸屏正常工作。有关更多信息，请访问jquerymobile.com。