vue 解決ios編輯器輸入框不能拉起

1、問題描述:Android 、pc、下能夠正常使用,在ios下能夠拉起輸入框可是沒法輸入html

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

2、解決方法:給div新增如下全局樣式vue

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

3、語法:
user-selecthtml5

(1) 語法
user-select:none | text | all | elementios

默認值:textweb

適用範圍:除替換元素外的全部元素code

(2) 取值說明htm

none:文本不能被選擇element

text:能夠選擇文本it

all:當全部內容做爲一個總體時能夠被選擇。若是雙擊或者在
上下文上點擊子元素,那麼被選擇的部分將是以該子元素 向上回溯的最高祖先元素。io

Element:能夠選擇文本,但選擇範圍受元素邊界的約束

*適用於vue版wangeditor(估計也使用與html5editor)

相關文章
相關標籤/搜索