Ios iphone css显示表不允许文本复制

我正在用JQuery mobile开发一个移动web应用程序。我有一些div，它们使用displaytable、row和cell作为表进行布局

    <div class="table detail">
        <div>
            <div class="detailHeadings">Expiration:</div>
            <div class="detailValues">#{viewBean.expiration}</div>
        </div>
        <div>
            <div class="detailHeadings">ID:</div>
            <div>#{viewBean.Id}</div>
        </div>
        <div>
            <div class="detailHeadings">Email:</div>
            <div class="detailValues">#{viewBean.email}</div>
        </div>
        <div>
            <div class="detailHeadings">ZIP Code:</div>
            <div class="detailValues">#{viewBean.zipCode}</div>
        </div>
    </div>

---

这很好用，但是我希望能够只复制Id。当我在windows phone或android上长按时，我可以很好地选择Id。但是，在iOS上，它只允许我选择整个表。无论何时使用

display:table

，这都是一个问题。有没有办法让iOS知道我想要复制什么？

在CSS中添加以下内容：

.table div .detailHeadings, .table div:not(:nth-child(2)) .detailHeadings + div {
    -khtml-user-select: none;     
    -moz-user-select: none;     
    -ms-user-select: none;     
    user-select: none;     
    -webkit-touch-callout: none;     
    -webkit-user-select: none; 
}

---

嗯，我尝试了这两种解决方案，但都没有成功。设置“用户选择”会使整个表格不可选择，但此时我无法长按ID。请尝试添加：

.table div.detailheaders、.table div:not（：n个子项（2））.detailheaders+div{-khtml user select:none；-moz user select:none；-ms user select:none；user select:none；-webkit touch callout:none；-webkit user select:none；}

发送到您的CSST，它在桌面浏览器中运行良好，但在iOS safari上不运行。@ferics2-太好了，很高兴它为您解决了所有问题！

.table div .detailHeadings, .table div:not(:nth-child(2)) .detailHeadings + div {
    -khtml-user-select: none;     
    -moz-user-select: none;     
    -ms-user-select: none;     
    user-select: none;     
    -webkit-touch-callout: none;     
    -webkit-user-select: none; 
}