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

Question

我在我的 Android 应用程序上使用加载外部页面的 web 视图。它有几个锚点（<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;
}