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

Question

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

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

我想避免这个（蓝色）框。至少对于基于 iPhone 和 Android 的设备而言。任何想法？

PS我也在使用jQuery

Answer 1

这是以下内容的副本：我可以在 webview和iPad Safari 中删除 Android 默认链接样式吗：如何在点击链接时禁用快速闪烁效果。

答案是：添加这个 CSS

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

Answer 2

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

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

Answer 3

您在链接上看到的蓝色轮廓是“轮廓”的结果。将其关闭设置：

outline: none;

不知道为什么这还没有得到正确回答。