iphone - 无法选择表格单元格中的文本 (iPhone Mobile Safari)

Question

我正在构建一个针对 iPhone 的网络应用程序。在大多数情况下，我不希望用户能够选择屏幕上的文本(即按钮文本、工具栏等)，因此在我的 css 中，我为 -webkit-user-select: none 指定了默认行为;.但是在某些表格单元格上，我确实希望用户能够选择文本，所以我在 .selectable 下面应用了 css 类，它将 -webkit-user-select: 更改为 auto。现在这适用于 Chrome 和 Safari，但不适用于 iPhone。有人可以解释为什么和/或如何解决它吗？

body {
    /* Remove the iphone callout */
    -webkit-touch-callout: none;
    /* Remove the iphone link highlight */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* Prevent the automatic resizing of text */
    -webkit-text-size-adjust: none;
    /* Limit copy and paste to only elements we want */
    -webkit-user-select: none;
    overflow-x: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    margin:0;
    padding:0;
    min-height:460px;
}

.selectable, input, textarea {
    -webkit-user-select: auto;
}

编辑:我尝试完全删除 -webkit-user-select:none，虽然它允许我选择其他内容，但它不允许我选择表格单元格的文本，只能选择整个行.无论如何要让它按原样工作还是我需要完全删除表格？

Answer 1

请注意，只有当缩放级别足够高，用户可以在单元格内拉动选择 handle 而不触发其他元素的选择时，表格单元格的文本才可供选择。要避免这种情况并非易事，并且会发生在所有页面上。