iphone click tap 事件 出现蒙板

Question

在 iphone 中给一个元素绑定了 click 或者 tap 事件之后，长按这个元素会出现一个选中状态（元素的上层出现一个蒙版）。

<div id="test">
    <div id="test1">
            
    </div>
</div>

// 代理的形式
$('#test').on('tap','#test1',function(){
    console.log(1);
})

// 直接注册的形式
$('#test').on('click',function(){
    console.log(1);
})

以上两种方式 长按 test 元素都会出现蒙版。我想去掉这种默认的选中效果，该怎做？

Answer 1

<style>
    html{
        -webkit-tap-highlight-color:rgba(0,0,0,0);
    }
</style>