2010-04-28 19 views
22

Quiero desarrollar una aplicación web usando HTML, CSS y Javascript. Una cosa realmente molesta es que cualquier enlace o botón, etc. al hacer clic dentro del navegador Android se resalta con un borde verde.Navegador Android borde VERDE al hacer clic

Para demostrar lo que quiero decir que he incluido un enlace a una página que contiene un juego básico escrito en CSS

http://marbles2.com/app/

¿Hay alguna manera de que usted está enterado de desactivar la frontera verde clic?

Saludos

Paul

+2

Hey, eso es un juego muy divertido. Creo que voy a crear una aplicación para Android ... – Derek

Respuesta

6

Pruebe esto en su estilo:

style="-webkit-tap-highlight-color:rgba(0, 0, 0, 0);" 

Espero que esto ayude.

46

En su hoja de estilo CSS (el que está en su aplicación web), añadir lo siguiente:

* { 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
} 
+2

Esto definitivamente desactiva el color, pero debe tenerse en cuenta que esto parece ser todo o nada. Por ejemplo, al hacer -webkit-tap-highlight-color: rgba (255,255,255,1) - que debería obtener un blanco sólido, vuelve a obtener el verde predeterminado de nuevo. – RussellUresti

+0

@RussellUresti: Tiene usted razón ... El problema es que el borde verde no se debe a CSS, sino al navegador de Android, así que sí, la única forma de deshacerse de él es deshabilitarlo. Por lo que yo sé, parece que no hay forma de cambiar el color del borde. – Legend

+0

Fantástico. Esto es un dolor para cualquiera que escriba un juego web en JavaScript. – mgiuca

Cuestiones relacionadas