移动端 H5页面怎么样消除点击阴影

Question

在移动端，H5页面点击触发的时候， 会将当前这个DOM元素的灰白阴影给显示出来，求解决办法或弥补办法

Answer 1

应该是css cursor：pointer影响啦 去掉就好了

Answer 2

你可能用了默认的样式了，有很多种方法，直接修改样式，:actived，或者使用一些样式重置的东西，normalize.css或者reset.css，或者直接用一些js做触发，而不用css做

Answer 3

不用默认样式不会出现这问题。
直接用addEventListener解决最方便

Answer 4

对点击元素设置css -webkit-tap-highlight-color:rgba(255,255,255,0)
或在normalize.css中

a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}

Answer 5

* {
    -webkit-tap-highlight-color: transparent;
}