- 最近在做一個微信端的商城,以前做web端的比較多,手機端做的相對來說要少點,老板說讓我用俗稱”靠譜的移動前端框架”—-AUI來搭建項目。
- 當時覺得用不用框架無所謂啦。結果后來寫到一半把項目發布到手機上測試的時候才發現出問題了—-在IOS上input輸入框根本無法輸入啊!我們項目不用考慮太多兼容的問題,所以我測試用的都是谷歌瀏覽器(個人比較喜歡),在PC端、android機上面一切都很正常!我的內心是崩潰的,一個商城連搜索都輸入不了那還有多大用!
- 后來檢查元素時發現了這么個東西:-webkit-user-select:none;至於這個屬性到底是什么意思我就不多說了,css的東西很簡單。你要讓他能輸入,
- 把-webkit-user-select:none改成-webkit-user-select:auto;覆蓋掉或者直接注釋掉就行!