HTML5 contenteditable 属性在 iOS7 Mobile Safari 上无法正常工作答案

【问题标题】：HTML5 contenteditable attribute not working properly on iOS7 Mobile SafariHTML5 contenteditable 属性在 iOS7 Mobile Safari 上无法正常工作
【发布时间】：2014-02-13 06:21:08
【问题描述】：

似乎 contenteditable 属性（在 iOS6 上运行良好）已停止在 iOS7 webkit 上运行。尽管浏览器似乎将该字段识别为可编辑并调出键盘，但任何输入似乎都会将其关闭，或者无法注册。有没有遇到同样的问题，或者有什么解决方法？

你可以在这里试试 - http://html5demos.com/contenteditable

谢谢！

【问题讨论】：

标签： html ipad ios7 mobile-webkit

【解决方案1】：

我今天遇到了这个问题。我的解决方案是在 CSS 中为任何可编辑元素设置 user-select 为“text”：

* {
    -webkit-user-select: none;
    user-select: none;
}

input,
textarea,
[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

【讨论】：

确认在全局设置 user-select 属性时，iOS 10 仍然需要这样做。
* 在 2017 年 9 月确认 iOS 10 仍然需要这样做 - 没有更新改变了这一点。希望 iOS 11 有所不同。伟大的发现/修复@Jason P
我仍然需要在 iOS 13.3 上添加 -webkit-user-select: text

【解决方案2】：

我遇到了同样的问题，下面的链接帮助我解决了它。

https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW1

对我有用的解决方案是将任何可编辑元素的 "-webkit-user-modify" 属性设置为 "read-write"（您已定义为内容可编辑）

*{
    -webkit-user-modify:read-write;
}

【讨论】：