在Mobile Safari/Webkit上禁用触摸屏上的文本突出显示放大镜

我的iPhone网站中有一些元素没有任何文本,但要求用户点击并按住它们(DIV).这会导致文本突出显示/编辑循环/光标显示,这实在令人分心.

我知道有一个CSS规则可以删除触摸时显示在可点击元素上的黑盒子.是否有类似的禁用文本放大镜？

刚收到开发人员中心服务台的回复.我需要添加这个CSS规则:

-webkit-user-select: none;

使用此CSS代码

-webkit-touch-callout: none;
-webkit-user-select: none; /* Disable selection/copy in UIWebView */

这对于保护您不想复制或保存的内容(例如图像)非常有用:

#yourdiv img {-webkit-touch-callout: none; }