欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-26 09:27:55
...

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