最近刚接手一个新项目,在做手机适配测试时候发现input 调起ios系统软键盘后,软键盘上面打不出来字体!很是纳闷!
一开始就把IOS不兼容input及软键盘的可能性排除,然后一顿排查!终于发现问题所在了!
原来是common.css里面加了这句话:
* {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
加这句话没毛病!这句话是告诉浏览器页面不可以被用户长按选择复制!
但是 导致input 及 textarea也失去被选择功能了!!!
这样解决就好了!!!
input,textarea{ -webkit-touch-callout: text; -webkit-user-select: text; }
将 input,textarea 这两个货排除就万事大吉了!