Disabilita l'evidenziazione arancione intorno ai collegamenti in Android

Question

Ho provato un milione di volte per rimuovere la fastidiosa casella di evidenziazione arancione attorno ai collegamenti nella visualizzazione Web Android, ma non sembrano andare via. E no, questo non funziona:

* { 
    -webkit-tap-highlight-color:rgba(0,0,0,0) !important; 
} 

Sono davvero perplesso qui, altre idee? Sto testando su Galaxy S3.

Answer 1

Prova

* { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-user-modify: read-write-plaintext-only; 
} 

da here. Risulta che il vero trucchetto è la seconda proprietà, la modifica dell'utente. Penso che sia un requisito dal 4.0.4, che succede a influenzare il Galaxy S3, tra gli altri.

È possibile restringere l'ambito del selettore, ma deve influire sullo genitore del collegamento, ad es. a <p> o <li>, non al collegamento stesso.

Answer 2

Sui dispositivi Galaxy "-webkit-tap-highlight-colore" funziona solo con

-webkit-tap-highlight-color:transparent; 

Poi, per cambiare i colori, aggiungere il seguente stile sugli elementi desiderati

a:active, 
a:hover, 
a:focus { 
    background: rgba(255, 255, 255, .5); 
} 

Answer 3

Inoltre, sui nuovi dispositivi Amazon Fire Tablets e FireTV, è possibile presentare un "focus ring" che potrebbe interferire con il desiderio della tua app di gestire il proprio focus. Solitamente questo appare solo dopo aver toccato lo schermo rapidamente o nel caso del dispositivo FireTV, tenendo premuto uno dei tasti freccia.

Questo fa sì che un sottile "anello" tipicamente arancione appaia intorno agli elementi focalizzati - o almeno gli elementi che il codice Android in quei dispositivi "pensa" ha lo stato attivo - nello stesso modo il focus viene spostato premendo il tasto tasto di tabulazione in una finestra del browser.

È possibile rimuovere l'attenzione per i dispositivi Amazon inserendo questo in un luogo appropriato nel codice CSS:

*: focus {
outline: none; }