iOS上HTML中的不可选择文本

如果您访问iOS上的页面，您将无法选择任何文本。此页面不包含任何javascript或选择阻止代码，实际上，如果您在桌面浏览器上打开它，一切都将正常工作

我正在尝试在iOS上实现EPUB3阅读器，这个页面是用WYSIWYG EPUB3编辑器生成的

所以问题是：如何在不改变页面视觉布局的情况下启用此页面上的选择？ 真正重要的是：我希望这个解决方案能够自动化。这样我就可以在我的阅读器中打开之前预处理这些html文件

更新：只有当缩放到大约400%时，选择才会开始工作。

drop

<meta charset="UTF-8" />

你要试试这个吗

body {
zoom: 1;
margin: 0;
padding: 0;
width: 512px;
height: 768px;
-webkit-user-select: text; // THIS ALLOW SELECT TEXT ON IOS
}

---

-webkit用户选择，也就是value:none、all、element

这是不可选择文本的跨浏览器样式列表：

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

您还可以将其设置为选择文本：

-webkit-touch-callout: default;
  -webkit-user-select: text;
   -khtml-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
       -o-user-select: text;
          user-select: text;

-webkit touch callout属性允许您指定当用户点击并按住iOS上的链接时会发生什么或不会发生什么。默认值为默认值，点击并按住链接会弹出链接气泡对话框；通过使用none的值，气泡永远不会出现

-khtml前缀早于-webkit前缀，并支持Safari 2.0-

-moz前缀定义了两次，分别为none和-moz none。使用-moz none而不是none可以防止元素和子元素处于可选状态。然而，一些较旧的浏览器，如Netscape，无法识别moz none，因此仍然需要为它们定义none

不支持-o前缀，但我遇到过一些建议，建议将其包含在将来的校对中，除非缩小非常关键，否则不会有任何影响

---

不带前缀的属性应该是最后一行。

div8的计算高度为0。将此更改为100%为我解决了这个问题。

请您扩展ie。在您的页面上使用“编辑”来解释为什么会这样做？没有帮助，这是一个带有此标记的新页面：我看到该页面上的每一行文本都是其自己的，绝对定位的。作为一种假设，也许桌面浏览器允许您根据源代码顺序选择文本，这在本例中是有效的，但iPhone拒绝选择绝对定位的文本，因为担心与页面上的外观相比，选择会出现顺序混乱。如果这就是问题所在，那么删除绝对定位将需要大量工作——你不仅需要删除绝对定位CSS，还需要去掉包装。或者，2009年出现了一个问题，由于z-index，所有浏览器中的文本选择都被禁用。也许CSS层4{z-index:14；}就是问题所在。至少，z索引是不必要的，因为layer4div包装了整个页面。@RoryO'Kane最有趣的事情是iBooks能够选择同一出版物中的文本。我已经删除了z-index，它没有任何帮助。在这里，你可以尝试一下：它没有改变任何东西。好的，然后问几个问题：1。link在你的iPad上有效吗？2.一个怎么样？3.你们有什么型号和iOS版本？我已经在3台设备上进行了测试，但没有任何好处。第一个链接正常，第二个链接不正常，我的iPad2有最新的iOS版本！我还用我的iPhone4S/iOS最新版本进行了测试，同样的结果我又测试了一次，这里有一件有趣的事情：选择只有在缩放时才起作用。但它对第一个链接和第二个链接都有效，所以webkit用户选择并不是很重要。如果你能选择最小缩放级别的文本，请告诉我。准确！不能使用“缩放迷你”。也许与特定的元头一起工作？我想要这笔奖金或选票-文本不是真的不可选择的，请看我的编辑，它只是真的很难选择。我认为这是一个基于布局的问题。工作完美。谢谢