-webkit-tap-highlight-color no se aplica a la etiqueta de área
Ok, sé que esto se ha pedido muchas veces, pero mi situación es un poco diferente:
Tengo un mapa de imagen y no quiero Android / iPhone para mostrar el borde verde (superposición gris en el iPhone) cuando se activa una zona en la imagen.
- deshabilitar la descarga de imágenes en el navegador android
- Deshabilitar el menú contextual de largos toques en Android
- Los elementos de entrada en android 4.x no se pueden diseñar cuando se enfocan
- Meta Tag "apple-mobile-web-app-able" para Android?
- ANDROID WEBKIT: ¡Selecciona los elementos que obtienen eventos de enfoque, pero no se abren!
He intentado -webkit-tap-highlight-color: rgba(0,0,0,0)
y parece funcionar para un <a>
enlace pero no un <area>
. Supongo que el problema es que de hecho no se puede aplicar CSS a <area>
?
¿Puede de alguna manera ser eludido? No quiero que el usuario vea la frontera verde cuando hace tapping en un área.
- Android 2.2 2.3 solución para la consulta de medios de ancho de dispositivo
- El navegador de Android 2.3 falla al renderizar algunas transformaciones CSS3 2D
- Desarrollo de sitios específicos para móviles. ¿Donde empezar?
- Webkit para Android: Los elementos con posicionamiento absoluto no respetan el índice z
Desafortunadamente, los navegadores no permiten establecer (y ejecutar) las propiedades de css a las etiquetas de área.
Yo uso maphilight plugin para hacer eso en jquery, funciona como un encanto: http://davidlynch.org/projects/maphilight/docs/
Ejemplo, aquí: http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Entonces, supongo que usted podría fijar la frontera transparente con: stroke: false