之前一直没有注意过,为元素设置上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:透明值