ios - los - mobile safari iphone

El control deslizante del rango de entrada no funciona en iOS Safari al hacer clic en la pista

Question

Tengo un control deslizante de entrada de rango bastante sencillo. Funciona bastante bien en todos los navegadores excepto en iOS Safari.

El principal problema que tengo es que cuando hago clic en el control deslizante, no mueve el control deslizante. Simplemente pone de relieve el control deslizante. Funciona bien al arrastrar el pulgar. ¿Alguna idea sobre cómo solucionar este problema?

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

Answer 1

MUY FÁCIL Y SENCILLA SOLUCIÓN

Agregue la propiedad CSS, -webkit-tap-highlight-color: transparent para el CSS del elemento o la página html completa. Esto eliminará el molesto efecto de resaltado en un elemento cuando se toque en un dispositivo móvil.

Answer 2

Trate de usar jQuery Mobile ? La solución es desagradable, y estoy bastante seguro de que no hay forma de usar la interfaz nativa con HTML estándar. Aparece en otros subprocesos, podría hacer una solución CSS / JS elaborada.