Browser Android - rimuovi il bordo del contorno quando l'ancora è a fuoco

Question

Sto usando sulla mia app Android una webview che carica una pagina esterna. Ha alcuni ancoraggi (tag <a>). Quando premo su di esso, appare il bordo giallo.

Come posso prevenirlo e rimuovere questo bordo?

ho provato seguenti trucchi:

// jQuery 
$("a").focus(function(){ 
    $(this).attr("hideFocus", "hideFocus"); 
}); 

// CSS 
a, :focus { 
    outline: none; 
} 

ma senza successo.

Grazie!

Answer 1

Impostare la proprietà CSS -webkit-tap-highlight-color come segue:

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

Nota: l'impostazione del colore in altri modi di solito non riesce a causa del modo in cui WebKit rende il momento clou. Dipende dalla versione/variante in base alla mia esperienza.