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

时间:2014-01-22 22:48:53

标签: html5 ipad ios7 mobile-webkit

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

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

谢谢!

2 个答案:

答案 0 :(得分:28)

我今天遇到了这个问题。我的解决方案是将用户选择设置为" 文字"在CSS中任何可编辑的元素:

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

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

答案 1 :(得分:4)

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

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;
}