阅读:5885回复:0
关于微信手机端IOS系统中input输入框无法输入的问题,input 苹果手机 无法填写
input 苹果手机 无法填写
最近在做一个微信端的商城,以前做web端的比较多,手机端做的相对来说要少点,老板说让我用俗称”靠谱的移动前端框架”—-AUI来搭建项目。 当时觉得用不用框架无所谓啦。结果后来写到一半把项目发布到手机上测试的时候才发现出问题了—-在IOS上input输入框根本无法输入啊!我们项目不用考虑太多兼容的问题,所以我测试用的都是谷歌浏览器(个人比较喜欢),在PC端、android机上面一切都很正常!我的内心是崩溃的,一个商城连搜索都输入不了那还有多大用! 后来检查元素时发现了这么个东西:-webkit-user-select:none;至于这个属性到底是什么意思我就不多说了,css的东西很简单。 你要让他能输入, 把 -webkit-user-select:none 改成 -webkit-user-select:auto; 覆盖掉或者直接注释掉就行! 我把这个改掉,还是不行。最终解决方案是在input的父类加上-webkit-user-select:text !important;!!! |
|