关于移动端input框在ios微信中无法输入文字的问题,移动端禁止选中内容,HTML5在移动端禁用长按选中文本功能
最近在做微信商城二次开发,这件事的起因是团队的一个小伙伴,引入第三方的一个xx插件。
现象:安卓机正常,苹果手机输入没有显示,input没有值。
经过排查,最终目标落在css上。
* {
-webkit-user-select:none;
}
在做移动端页面时,很有可能会遇到这种问题,用户长按屏幕时,会选中一些文字或者背景图,然后在旁边出现复制或者保存等信息,然而这也导致了iOS用户的input不能输入的问题;
该插件的初心是好的,是禁止用户长按选中该插件中的文本,但是一个*星号用的就不那么恰当了。
修改:把星号改为插件所在的class名;或者直接注释