Android-браузер - убрать границу контура, когда якорь сфокусирован

Question

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

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

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

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

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

но безуспешно.

Спасибо!

Answer 1

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

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

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

Answer 2

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

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