单击轨道时，输入范围滑块在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

非常简单和简单的解决方案

将CSS属性-webkit-tap-highlight-color: transparent添加到元素的CSS或完整的html页面。这将消除在移动设备上轻敲元素时对元素的麻烦突出效果。

Answer 2

尝试使用jQuery Mobile？解决方法是令人讨厌的，我很确定没有办法使用标准HTML的本机接口。从其他线程看，你可以做一个精心设计的CSS / JS解决方案。