手机端点击背景 html,css删除手机版mobile点击链接或按钮出现的背景颜色

在iphone下测试发现按下a链接背景会变灰一下(尤其给a取消跳转事件时很明显)，就是手指点击后没跳转之前链接上有个背景。 用css方式如何去掉啊。

代码如下：

css删除手机版mobile点击链接或按钮出现的背景颜色

在mobile下测试链接背景

我们只需要加入以下css即可修复这个bug：

a{

-webkit-tap-highlight-color:transparent;

}

-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。

想要禁用这个高亮，设置颜色的alpha值为0即可。

示例：设置高亮色为50%透明的红色:

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

浏览器支持: 只有iOS(iPhone和iPad).