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

Question

看来,满足的属性(在iOS6上运行良好)已停止在iOS7 webkit上运行.虽然浏览器似乎将该字段识别为可编辑,并调出键盘,但任何输入似乎都会关闭它,或者无法注册.任何遇到同样的问题,或有任何解决方法？

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

谢谢!

Answer 1

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

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

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

Answer 2

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

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

对我有用的解决方案是将任何可编辑元素的“-webkit-user-modify”属性设置为“读写”（您已定义为 contenteditable）

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