您现在的位置:首页 >> 前端 >> 内容

移动端解决onclick事件元素出现背景色框问题

时间:2017/9/13 10:33:00 点击:

  核心提示:当我们在移动端给元素添加点击事件时我们会发现点击时元素会默认出现一个背景色框或者高亮显示,这个时候我们就需要使用-webkit-tap-highlight-color属性来解决,它的原理是使用用户自定...

当我们在移动端给元素添加点击事件时我们会发现点击时元素会默认出现一个背景色框或者高亮显示,这个时候我们就需要使用-webkit-tap-highlight-color属性来解决,它的原理是使用用户自定义颜色值覆盖原先的高亮色,使用如下:

-webkit-tap-highlight-color:transparent/color;

用户可以自定义取值,当取值transparent时将不会出现背景色,等同于阻止了默认高亮色显示事件。

作者:网络 来源:卜小娴的博客