移动端a链接点击时的背景色设置

移动端a链接在点击时会有默认的蓝色背景，如下图

效果图.png

第一反应会想到修改 :hover, :active 这些伪类样式，然并没有效果！
这种高亮效果实际上是由 -webkit-tap-highlight-color 属性控制的。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。

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