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

Question

我在我的 Android 应用程序上使用一个加载外部页面的 webview。 它有一些锚点（ 标签）。当我按下它时，会出现黄色边框。

我怎样才能防止它并删除这个边框？

我尝试过以下技巧：

// 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;
}