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

Question

我在我的 Android 应用程序上使用加载外部页面的 WebView 。 它有几个 anchor (<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 渲染高亮的方式，用其他方式设置颜色通常会失败。根据我的经验，取决于版本/变体。