单击轨道时,输入范围滑块在iOS Safari上不起作用

Question

我有一个非常直接的范围输入滑块.除iOS OS外,它在所有浏览器上运行良好.

我遇到的主要问题是当我点击滑块轨道时,它不会移动滑块.它只是突出显示滑块.拖动拇指时效果很好.有想法该怎么解决这个吗？

<div class="slider-wrap">
    <div id="subtractBtn"></div>
    <input type="range" class="slider">
    <div id="addBtn"></div>
</div>

Answer 1

尝试使用jQuery Mobile？这种解决方法很令人讨厌，而且我很确定没有办法将本机界面与标准 HTML 一起使用。从其他线程看来，你可以做一个复杂的 CSS/JS 解决方案。