关于input在ios上调起软键盘,字体不显示问题 的总结

最近刚接手一个新项目,在做手机适配测试时候发现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 这两个货排除就万事大吉了!


你可能感兴趣的:(前端技术分享)