html - 触摸屏的可拖动范围 slider

Question

我正在使用范围创建一个 slider 。这是我的 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 ;

     }

在电脑上运行良好。但是在触摸屏中，当我想拖动它的拇指时它不起作用。谁能告诉我为什么它不起作用？

Answer 1

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