码迷,mamicode.com
首页 > 微信 > 详细

关于移动端input框 在微信中 和ios中无法输入文字的问题

时间:2015-06-16 12:47:39      阅读:557      评论:0      收藏:0      [点我收藏+]

标签:

<form action="">
        <div class="infor_in mt32"><span>订单号</span><input type="text" name=""  value="" /></div>
        <div class="infor_in mt32"><span>&nbsp;&nbsp;&nbsp;</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支持.

 

关于移动端input框 在微信中 和ios中无法输入文字的问题

标签:

原文地址:http://www.cnblogs.com/ling-du/p/4580302.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!