转 移动端-webkit-user-select:none导致input/textarea输入框无法输入
Posted 刘世涛619247
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了转 移动端-webkit-user-select:none导致input/textarea输入框无法输入相关的知识,希望对你有一定的参考价值。
移动端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
以上是关于转 移动端-webkit-user-select:none导致input/textarea输入框无法输入的主要内容,如果未能解决你的问题,请参考以下文章