移动端 cursor:pointer问题

    之前一直没有注意过,为元素设置上cursor:pointer属性后,会导致元素点击时出现一个蓝色的背景。

    为元素设置-webkit-tap-highlight-color: transparent;可以解决这个问题。

     -webkit-tab-highlight-color是一个不规范的属性(unsupported WebKit property),它没有出现在CSS规范草案中。

      当用户点击IOS的Safari浏览器中的链接或JavaScript的可点击元素时,覆盖显示的高亮颜色。

     该属性可以只设置透明度,iOS Safari使用默认的透明度,当透明度设为1,元素在点击时不可见。

    语法:

    -webkit-tap-highlight-color:color;

    默认值:inherit 

    适用于:链接元素比如新窗口打开,img元素比如保存图像等等。

    取值:

    color:颜色值

    transparent:透明值

原文地址:https://www.cnblogs.com/jjworld/p/7443614.html