关于移动端input框 在微信中 和ios中无法输入文字的问题
<form action=""> <div class="infor_in mt32"><span>订单号</span><input type="text" name="" value="" /></div> <div class="infor_in mt32"><span>姓 名</span><input type="text" name="" value="" /></div> <div class="infor_in mt32"><span>手机号</span><input type="text" name="" value="" /></div> <div class="Smash"><a href="javascript:;" class="egg_play"><img src="img/Smash.png"/></a></div> </form>
这个是一个提交的页面但是总是无法输入进去文字 在uc中是可以的 但是在微信中 或者ios自带浏览器是无法输入的 绞尽脑汁 找了半天 才发现自己多加了一段代码(这个代码是模版中自带的 我靠)
代码如下
/*-webkit-user-select: none;/*禁掉用户可以选中页面中的内容，*/
把这行代码注视掉就可以了 至于这行代码作用是什么 解释如下
或许你常常不希望用户在你的网站上选择文本,无论是否是出于版权的原因.通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none.
请谨慎使用这个属性：因为大部分用户是来查看信息的,他们可以复制并存储下来以备将来之用,所以这种方法既无用也无效.如果你禁用了复制粘贴功能,用户还是可以通过查看源文件来获取到他们想要的内容.搞不懂这个属性为什么会被webkit和gecko支持.