ios 下div contenteditable=true無法輸入解決辦法及富文本無法輸入

一、問題描述：

　　Android 、pc、下可以正常使用，在ios下可以拉起輸入框但是無法輸入

　　

<div contenteditable="true" ></div>

 

二、解決方法：

　　給div新增以下全局樣式

div{
    -webkit-user-select:text;
    height:auto;
}
div *{
    -webkit-user-select:text
}

三、語法：

user-select

(1) 語法

user-select:none | text | all | element

默認值：text

適用范圍：除替換元素外的所有元素

(2) 取值說明

none:文本不能被選擇

text:可以選擇文本

all：當所有內容作為一個整體時可以被選擇。如果雙擊或者在 上下文上點擊子元素，那么被選擇的部分將是以該子元素 向上回溯的最高祖先元素。

Element:可以選擇文本，但選擇范圍受元素邊界的約束