Android浏览器 - 在锚点聚焦时删除轮廓边框

Question

我在Android应用上使用了一个浏览外部网页的webview。 它有一些锚（<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

根据this发布，最好使用

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