禁用移动浏览器点击/触摸/点按反馈框

Question

在HTML 5网站中，通过移动设备浏览的用户点击链接 浏览器绘制一个框（矩形）作为反馈（除了声音） 浏览器可能意味着Android 2.3的股票浏览器或Opera Mobile。

对此进行了一些研究，但确实没有（明确）解决方案。

我想避开这个（蓝色）框。至少对于基于iPhone和Android的设备。有什么想法吗？

P.S我也在使用jQuery

Answer 1

这与以下内容重复：Can I remove Android default link styling in webview和iPad Safari: How to disable the quick blinking effect when a link has been hit。

答案是：添加此CSS

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

Answer 2

我是一个答案的+1，由bloopletech提供。 但是如果你想在Android原生浏览器（Android浏览器）中使用这个技巧，请使用下一个：

* { 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

Answer 3

您在链接上看到的蓝色轮廓是＆＃39;大纲的结果。 要将其关闭设置：

outline: none;

不确定为什么还没有正确回答。