移动端 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:透明值

上一篇:css3属性及事例


下一篇:HTTP协议状态码详解