-webkit-user-select :none ;
在移動(dòng)端開(kāi)發(fā)中燥撞,我們有時(shí)有針對(duì)性的寫(xiě)一些特殊的重置猛蔽,比如:
* {
-webkit - touch - callout: none;
//-webkit-touch-callout:none; 阻止長(zhǎng)按圖片之后呼出菜單提示復(fù)制的行為
//禁用Webkit內(nèi)核瀏覽器的文字大小調(diào)整功能伞剑。
-webkit-text-size-adjust: none;
//避免點(diǎn)擊a標(biāo)簽或者注冊(cè)了click事件的元素時(shí)產(chǎn)生高亮
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
//
//禁止用戶(hù)進(jìn)行復(fù)制.選擇.
-webkit-user-select: none;
}
其中疯搅,-webkit-user-select :none 第煮;會(huì)產(chǎn)生一些問(wèn)題。
這是webkit內(nèi)核瀏覽器下的一個(gè)bug外永,具體可以參考這篇文章:https://bugs.webkit.org/show_bug.cgi?id=82692
阻止了用戶(hù)的選擇內(nèi)容行為,會(huì)導(dǎo)致一些“內(nèi)容可編輯”標(biāo)簽無(wú)法正常使用拧咳,比如input伯顶、testarea。
如果網(wǎng)站不需要阻止用戶(hù)的選擇內(nèi)容的行為就可以使用如下樣式:
* {
-webkit-user-select: text;
-user-select: text;
}
另一種方式:
*: not(input, textarea) {
-webkit - touch - callout: none;
-webkit - user - select: none;
}
user-select , can cause issues in elements with contenteditable="true" ,so better to add that too .
所以骆膝,最好把它也加上砾淌。
最終的代碼:
input, textarea {
-webkit-user- select: auto!important;
-khtml-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
-o-user-select: auto!important;
user-select: auto!important;
}
因?yàn)榻昧薸nput的選擇功能user-select: none;,將其刪除或者設(shè)置為auto后input框就能輸入了