最近剛接手一個新項目,在做手機適配測試時候發現input 調起ios系統軟鍵盤後,軟鍵盤上面打不出來字體!很是納悶!
一開始就把IOS不兼容input及軟鍵盤的可能性排除,然後一頓排查!終於發現問題所在了!
原來是common.css裏面加了這句話:
* {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
加這句話沒毛病!這句話是告訴瀏覽器頁面不可以被用戶長按選擇複製!
但是 導致input 及 textarea也失去被選擇功能了!!!
這樣解決就好了!!!
input,textarea{
-webkit-touch-callout: text;
-webkit-user-select: text;
}
將 input,textarea 這兩個貨排除就萬事大吉了!