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

<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自带浏览器是没法输入的  绞尽脑汁  找了半天  才发现本身多加了一段代码(这个代码是模版中自带的   我靠)javascript

代码以下java

/*-webkit-user-select: none;/*禁掉用户能够选中页面中的内容,*/

把这行代码注视掉就能够了   至于这行代码做用是什么  解释以下ios

或许你经常不但愿用户在你的网站上选择文本,不管是不是出于版权的缘由.一般你们会有js来实现,另外一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none.
请谨慎使用这个属性:由于大部分用户是来查看信息的,他们能够复制并存储下来以备未来之用,因此这种方法既无用也无效.若是你禁用了复制粘贴功能,用户仍是能够经过查看源文件来获取到他们想要的内容.搞不懂这个属性为何会被webkit和gecko支持.web

相关文章
相关标签/搜索