2010-04-28 20 views
22

Chcę stworzyć aplikację internetową za pomocą HTML, CSS i Javascript. Jedną rzeczą, która jest naprawdę denerwująca, jest to, że każdy link lub przycisk po kliknięciu w przeglądarce Androida zostanie podświetlony zieloną ramką.Przeglądarka Androida ZIELONA ramka na kliknięcie

Aby wykazać, co mam na myśli mam włączone link do strony, która zawiera podstawową grę napisany w CSS

http://marbles2.com/app/

Czy istnieje jakiś sposób, że jesteś świadomy tego, aby wyłączyć zieloną granicę kliknięcie?

Cheers

Paul

+2

Hej, to gra naprawdę zabawne. Chyba mam zamiar zrobić z niego aplikację na Androida ... – Derek

Odpowiedz

6

Spróbuj to w swoim stylu:

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

Nadzieja to pomaga.

46

W arkuszu stylów CSS (jednego w aplikacji internetowej), dodaj to:

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

To z pewnością wyłącza kolor, ale należy zauważyć, że to wszystko wydaje się być typem wszystko albo nic. Na przykład wykonanie -webkit-tap-highlight-color: rgba (255,255,255,1) - które powinno dać ci białą bryłę, przywróci ci domyślną zieleń. – RussellUresti

+0

@RussellUresti: Masz rację ... Problem polega na tym, że zielona granica nie jest spowodowana CSS, ale z powodu przeglądarki Android tak, jedynym sposobem na pozbycie się jej jest jej wyłączenie. O ile mi wiadomo, wydaje się, że nie ma możliwości zmiany koloru obramowania. – Legend

+0

Fantastyczne. To jest ból dla każdego, kto pisze grę internetową w JavaScript. – mgiuca

Powiązane problemy