Deshágase de la lupa en la aplicación web iOS

Question

Actualmente estoy explorando aplicaciones web para dispositivos iOS y uso PhoneGap para crear una aplicación "nativa". El problema que tengo con esto es la lupa, que no quiero que se muestre cuando selecciono párrafos (o un poco de texto). He intentado muchas soluciones, pero ahora funciona. Yo uso este CSS para desactivar todas las copias, selección y como para aquellos campos que Wan't:

*[untouchable] { 
    -webkit-user-drag: none; 
    -webkit-user-modify: none; 
    -webkit-highlight: none; 

    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select:  none; 
    -moz-user-select:  none; 
    -ms-user-select:  none; 
    -o-user-select:   none; 
    user-select:   none; 
} 

Esto funciona bien, pero todavía muestra el magnifer/lupa cuando me toque sin soltar el texto:

¿Existe una solución real para esto? Sería increíble con una simple propiedad de CSS como -webkit-magnifier: none o algo así. Si hay una solución de JavaScript, eso estaría bien también, pero tal vez una exageración.

Dado que estoy usando PhoneGap y usa UIWebView para mostrar la página, podría haber una forma de deshabilitar la lupa para eso, pero no he buscado mucho en la fuente nativa.

Gracias de antemano :-)

Answer 1

La única manera de lograr esto es deshacerse por completo de elementos de selección, ya que se incorpora la lupa. -webkit-user-select:none; se debe aplicar a todos los elementos donde no desee que aparezca la lupa.

Answer 2

Esto es lo que solía

* { 
     -webkit-touch-callout: none; 
     -webkit-user-callout: none; 
     -webkit-user-select: none; 
     -webkit-user-drag: none; 
     -webkit-user-modify: none; 
     -webkit-highlight: none; 
}