关于微信手机端IOS系统中input输入框无法输入的问题

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