例子：

span框做的按钮样式。

按钮样式

然而在移动端点击span的时候，会出现蓝色默认方块。
同样的问题在换做用 li 和 div 元素时也会出现。

蓝色默认方块

消除的方法：

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

关于 -webkit-tap-highlight-color：

-webkit-tap-highlight-color
当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。
要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮，设置颜色的alpha值为0即可。
示例：设置高亮色为50%透明的红色:
-webkit-tap-highlight-color: rgba(255,0,0,0.5);