iOS下div contenteditable=true无法输入解决办法

首先是要加一个给可编辑的div加一个样式-webkit-user-select:text，因为div里面可能还有子元素，所以需要这样写：

<div contenteditable="true" class="empty-text"></div>

div.empty-text{
    position:relative;
}
div.empty-text::before{
    position:absolute;
    content:"输入教育内容";
    left:20px;
    top:8px;
    height:20px;
    color:#aaa;
}
div{
    -webkit-user-select:text;
    height:auto;
}
div *{
    -webkit-user-select:text
}

有滚动条的时候会变得体验不好，输了文字后不显示等异常情况，所以尽量不要把可编辑区域的高度写固定值，让其自适应就好。

为什么很多在安卓下都没问题，到了iOS这里就有bug了，真的是坑啊。。