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呈现突出显示的方式,以其他方式设置颜色通常会失败.取决于我的经验版本/变体.