说说 -webkit-tap-highlight-color 属性

最近做了个项目，上边有一个筛选框（如下图），发现有一个bug，就是，在iphone手机上点击按钮的时候，屏幕总会闪动一下。这个现象在安卓机上没有发现。这让页面看起来很不友好也不流畅。网上看了下，发现加个属性就可以解决了；
筛选框效果图：

添加的属性如下：

-webkit-tap-highlight-color:rgba(0,0,0,0) 
//webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节。

原因如下：

这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。
例如在Adnroid版本的微信中，点击a标签时将会出现一个橙色的小框表示点击的响应。
此时，如果对元素设置了tap-highlight-color值，例如:
-webkit-tap-highlight-color: rgba(240,240,240,0.7);
则可改变元素被点击时背景框的颜色。
如果需要背景框不显示，则可以将rgba中的alpha值设为0即可，例如rgba(0,0,0,0)

该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。