css - 摆脱 iOS 网络应用程序中的放大镜

Question

我目前正在探索适用于 iOS 设备的网络应用程序，并使用 PhoneGap 从中创建一个“ native ”应用程序。我遇到的问题是放大镜，我不想在选择段落(或一些文本)时显示出来。我尝试了很多解决方案，但效果不佳。我使用此 CSS 禁用所有我不想要的字段的复制、选择等:

*[untouchable] {
    -webkit-user-drag: none;
    -webkit-user-modify: none;
    -webkit-highlight: none;

    -webkit-touch-callout:  none;
    -webkit-user-select:    none;
    -khtml-user-select:     none;
    -moz-user-select:       none;
    -ms-user-select:        none;
    -o-user-select:         none;
    user-select:            none;
}

这工作正常，但当我触摸并按住文本时它仍然显示放大镜/放大镜:

有真正的解决方案吗？如果有一个简单的 CSS 属性，比如 -webkit-magnifier: none 或类似的东西，那就太棒了。如果有 JavaScript 解决方案，那也很好，但可能有点矫枉过正。

因为我使用的是 PhoneGap 并且它使用 UIWebView 来显示页面，所以可能有一种方法可以为此禁用放大镜 - 但我没有深入研究原生源。

提前致谢:-)

Answer 1

完成此操作的唯一方法是完全取消选择元素，因为已合并放大镜。 -webkit-user-select:none; 应应用于您不希望放大镜出现的所有元素。