Android-браузер - удалите контурную границу, когда привязана привязка

Я использую в своем приложении Android веб-просмотр, который загружает внешнюю страницу. Он содержит несколько привязок (теги <a>). Когда я нажимаю на него, появляется желтая рамка.

Как я могу предотвратить это и удалить эту границу?

Я пробовал следующие трюки:

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

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

но без успеха.

Спасибо!

Ответ 1

Задайте свойство CSS - webkit-tap-highlight-color следующим образом:

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

Примечание. Установка цвета другими способами обычно не выполняется из-за того, как webkit делает выделение. Зависит от версии/варианта в соответствии с моим опытом.

Ответ 2

согласно этому посту лучше использовать

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none;
}