关于移动端input框 在手机页面中无法输入文字的问题

今天解决了一个小小的bug，写响应式页面的时候，发现页面在手机端打开的时候input框无法聚焦光标，无法输入文字，绞尽脑汁 找了半天 才发现自己多加了一段代码(这个代码是模版中自带的 也是醉醉哒)

-moz-user-select: none;
-webkit-user-select: none;

把这行代码注视掉就可以了 至于这行代码作用是什么 解释如下

或许你常常不希望用户在你的网站上选择文本,无论是否是出于版权的原因.通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none.
请谨慎使用这个属性：因为大部分用户是来查看信息的,他们可以复制并存储下来以备将来之用,所以这种方法既无用也无效.如果你禁用了复制粘贴功能,用户还是可以通过查看源文件来获取到他们想要的内容.搞不懂这个属性为什么会被webkit和gecko支持.

当你的才华撑不起你的野心的时候、请潜下心、低下头、好好学习