Próbowałem już milion razy, aby usunąć irytujące pomarańczowe pole zaznaczenia wokół linków w przeglądarce internetowej Android, ale nie wydają się znikać. I nie, to nie działa:Wyłącz pomarańczowe wyróżnienie wokół linków w Androidzie
* {
-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
}
Jestem naprawdę zakłopotany tutaj, jakieś inne pomysły? Testuję na Galaxy S3.
Spróbuj
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-modify: read-write-plaintext-only;
}
z here. Okazuje się, że trudnym bitem jest ta druga właściwość, modyfikowana przez użytkownika. Myślę, że jest to wymóg od 4.0.4, który ma wpływ na Galaxy S3, między innymi.
Możesz zawęzić zakres selektora, ale musi on wpłynąć na rodzica rodzica łącza, np. <p> lub <li>, a nie sam link.
Należy pamiętać, że właściwość modyfikowania użytkownika powoduje pojawienie się klawiatury na iOS, co jest zazwyczaj niepożądane. – Max
Chciałem tylko wspomnieć, że jest to rozwiązanie do podświetlania na pomarańczowo tabletu Samsung Galaxy, a także w macierzystej przeglądarce internetowej. – Komsomol
Na urządzeniach galaktyk "-webkit-tap-highlight-color" działa tylko z
-webkit-tap-highlight-color:transparent;
następnie zmienić kolor, dodać następujący styl od pożądanych elementów
a:active,
a:hover,
a:focus {
background: rgba(255, 255, 255, .5);
}
Dodatkowo na nowszych urządzeniach Amazon Fire Tablets i FireTV można wyświetlać "pierścień ostrości", który może zakłócać działanie aplikacji, aby zarządzać własnym ogniskiem. Zazwyczaj pojawia się to dopiero po szybkim dotknięciu ekranu lub w przypadku urządzenia FireTV, przytrzymując naciśnięty jeden z klawiszy strzałek.
Powoduje to pojawienie się cienkiego, typowo pomarańczowego "pierścienia" wokół skupionych elementów - lub przynajmniej elementów, które kategoryzuje Android w tych urządzeniach "uważa", w ten sam sposób, w jaki ostrość jest przesuwana poprzez naciśnięcie klawisza klawisz tabulatora w oknie przeglądarki.
Można usunąć ten nacisk na urządzeniach Amazon wstawiając to w odpowiednim miejscu w kodzie CSS:
*: skupić {
zarys: none; }
Nie sądzę, że jest to kwestia css, ale coś zrobić z WebView - nie pewny – midhunhk
Po kilku testach, to nie wygląda jak to możliwe, aby wyłączyć podświetlanie a-href linki , ale działa to z powodzeniem dla wszystkiego innego. – kaleazy
Mam ten styl ustawiony na znaczniku _body_ i działa idealnie. Powinien także działać z "*", nie wiem, dlaczego nie dla ciebie. – codemonkey