【发布时间】:2012-10-19 04:33:50
【问题描述】:
在 HTML 5 网站中,通过移动设备进行冲浪的用户点击链接。
浏览器绘制一个框(矩形)作为反馈(除了声音)。
浏览器可能意味着 Android 2.3 的普通浏览器或 Opera Mobile。
对此进行了一些研究,但实际上没有(明确的)解决方案。
我想避开这个(蓝色)框。至少对于基于 iPhone 和 Android 的设备而言。有什么想法吗?
P.S 我也在用 jQuery
【问题讨论】:
在 HTML 5 网站中,通过移动设备进行冲浪的用户点击链接。
浏览器绘制一个框(矩形)作为反馈(除了声音)。
浏览器可能意味着 Android 2.3 的普通浏览器或 Opera Mobile。
对此进行了一些研究,但实际上没有(明确的)解决方案。
我想避开这个(蓝色)框。至少对于基于 iPhone 和 Android 的设备而言。有什么想法吗?
P.S 我也在用 jQuery
【问题讨论】:
这是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); }
【讨论】:
我对 bloopletech 提供的答案 +1。 但如果你想让这个技巧在安卓原生浏览器(Android Browser)中发挥作用,请使用下一个:
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
【讨论】:
您在链接上看到的蓝色轮廓是“轮廓”的结果。 要关闭它:
outline: none;
不知道为什么还没有正确回答。
【讨论】: