2010-04-28 4 views
22

Ich möchte eine Webanwendung mit HTML, CSS und Javascript entwickeln eine Sache, die wirklich ärgerlich ist, dass jeder Link oder Schaltfläche usw., wenn innerhalb des Android-Browsers geklickt wird mit einem grünen Rand hervorgehoben.Android Browser GRÜN Grenze auf Klick

Um zu zeigen, was ich meine, ich habe einen Link auf eine externe Seite, die ein Basisspiel in CSS

http://marbles2.com/app/

Gibt es eine Möglichkeit, die Sie bewusst sind geschrieben enthält den Klick grüne Grenze zu deaktivieren?

Prost

Paul

+2

Hey, das ist ein wirklich lustiges Spiel. Ich denke, ich werde eine Android-App daraus machen ... – Derek

Antwort

6

die Sie interessieren in Ihrem Stil:

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

Hoffnung, das hilft.

46

in Ihrem CSS-Stylesheet (die in Ihrer Web-Anwendung), fügen Sie diese:

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

Dies deaktiviert sicherlich die Farbe, aber es sollte angemerkt werden, dass dies scheint eine alles oder nichts Art von Sache zu sein. Wenn Sie zum Beispiel -webkit-tap-highlight-color: rgba (255,255,255,1) verwenden, was Ihnen ein durchgehend weißes Ergebnis beschert, erhalten Sie wieder das Standard-Grün. – RussellUresti

+0

@RussellUresti: Du hast Recht ... Das Problem ist, dass die grüne Grenze nicht wegen CSS ist, sondern wegen des Android-Browsers ja, die einzige Möglichkeit, es loszuwerden, ist es zu deaktivieren. Soweit mir bekannt ist, scheint es keine Möglichkeit zu geben, die Farbe der Grenze zu ändern. – Legend

+0

Fantastisch. Dies ist ein Schmerz für jeden, der ein Webspiel in JavaScript schreibt. – mgiuca