H5 元素点击时候出现闪烁问题

做一个 canvas 粒子效果的时候， 需要当手指或者鼠标点击页面的时候做一些操作。 由于我的 canvas 是铺满全屏的， 每次点击都会给 canvas 加上一层高亮的背景， 在我的 三星 s7 上面是一层绿色， 导致手机屏幕会闪烁一下绿色， 解决方法是给点击的元素加上一行样式

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