移动端-webkit-user-select:none导致input/textarea输入框无法输入
来源:互联网 发布:名校就读 知乎 编辑:程序博客网 时间:2024/05/22 09:47
移动端webview中写页面的时候发现个别Android机型会导致input、textareat输入框无法输入(键盘可以弹起,不是webView.requestFocus(View.FOCUS_DOWN);的问题)
由于移动端我习惯统一初始化样式:
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; outline: none;}
经过试错发现是-webkit-user-select:none;所导致的原因
当然如果你确实需要这个-webkit-user-select这个属性,css初始化代码改写为如下即可:
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none;}*:not(input,textarea) { -webkit-touch-callout: none; -webkit-user-select: none;}
转载 :
http://www.qdfuns.com/notes/12364/1f589926e8d1d1418fc912f7df10e5d5
阅读全文
0 0
- 移动端-webkit-user-select:none导致input/textarea输入框无法输入
- javascript——移动端input,textarea输入框获得焦点页面上移
- input textarea 限制输入
- input:-webkit-autofill 导致chrome的输入框背景颜色变成黄色
- input:-webkit-autofill 导致chrome的输入框背景颜色变成黄色
- 关于移动端input框 在手机页面中无法输入文字的问题
- input+select,输入+选择
- SELECT input 下拉框可输入
- 监听input、textarea输入框值变化的知识
- jQuery -- 监听input、textarea输入框值变化
- input输入框和textarea文本框的value改变事件
- input 输入框 disabled 属性导致 无法取值的问题
- 移动端input框输入文本时不居中。。。
- 移动端限制input框只能输入数字
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder
- RTL-SDR第一课
- 【问题解决】网页加载百度地图加载不出来
- Error #2044 (flex Security)
- Java内存区域和GC机制
- Git常用命令总结
- 移动端-webkit-user-select:none导致input/textarea输入框无法输入
- 宏基因组实战7. bwa序列比对, samtools查看, bedtools丰度统计
- 把httpd加入到service并设置启动
- 进入苏嵌的第一天
- 关于win本地远程连接不到redis问题
- maven 项目eclispe加载不到tomcat中 一直报404
- 6.6
- 不要被C++“自动生成”所蒙骗
- iphone背后的IT规律