关于移动端input框 在微信中 和ios中无法输入文字的问题
2015-06-16 11:29
519 查看
<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支持.
相关文章推荐
- Win7 OBJECT_HEADER之TypeIndex解析
- 【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记32 NSNotification
- Android自定义控件(状态提示图表) (转)
- [C/CPP系列知识] 在C中使用没有声明的函数时将发生什么 What happens when a function is called before its declaration in C
- 20150616完 一个测试注意力的小程序
- 查看Android内存的8中方法
- object-c里self与super的区别
- Android ListView滑动过程中图片显示重复错乱闪烁问题解决
- IOS 如何正确使用正则表达式
- 八款开源Android游戏引擎
- Android首选项
- Android让文本自动滚动实现
- Android开发中的ANR问题如何避免?
- Xamarin iOS教程之添加和定制视图
- Android属性动画完全解析(下),Interpolator和ViewPropertyAnimator的用法
- UI设计:APP UI设计趋势:为好设计而动
- android 比较靠谱的图片压缩
- xmpp-iOS-准备
- ios滑动返回
- android ContentObserver监听系统短信和备份短信到本地