解决移动端iPhone设备点击时出现的半透明的背景

文章目录

1. 1. 解决办法 -webkit-tap-highlight-color

说一个最近移动端项目中遇到的问题，在一栏通过七个圆形按钮选择星期，在iPhone设备下点击其中一个按钮时，会出现一个半透明的背景。

解决办法 -webkit-tap-highlight-color

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

如：

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

这篇文章带你了解跟多css3的冷门属性，CSS3那些不为人知的高级属性