手机网页点击后出现蓝色的框解决方案

　　在手机网页中点击某一个链接或是文本框后通常会在上面出现一个蓝色的透明的框（不同手机颜色有差别）。在网页中可以使用一个css修改这个框的颜色。

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

　　上述代码中设定颜色为白色，透明度为0。应用之后页面上点击后就看不到原来的那个框了。

　　如果需要加到所有元素上就是：

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

以下是描述该问题的原文：

In an HTML 5 site a user, who's surfing through a mobile device, clicks a link.
The browser draws a box (rectangle) as a feedback (in addition to a sound).
Browser might mean Android 2.3's stock browser, or Opera Mobile.

I'd like to avoid this (blue) box. At least for iPhone and Android based devices. Any idea?

本文原文链接：http://www.cnblogs.com/aser1989/p/4286489.html

转载于:https://www.cnblogs.com/hook-life/p/4320401.html

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！