Layui xm-select IOS下拉 搜索不生效

 

xm-select.js 是基于layui 写的。

在safari 浏览器不能 正常搜索，无法输入文字

这个 插件在项目中用的地方比较多，直接修改源码来的比较快。

xm-select.js

修改前：

.xm-body .xm-search-input {\n border: none;\n border-bottom: 1px solid #E6E6E6;\n padding-left: 27px;\n cursor: text;\n}

 

修改后：

.xm-body .xm-search-input {\n border: none;\n border-bottom: 1px solid #E6E6E6;\n padding-left: 27px;\n cursor: text; /*兼容ios无法输入的问题*/ -webkit-user-select:text !important;\n}

 

关键代码：

/*兼容ios无法输入的问题*/ -webkit-user-select:text !important;

 

或者在input 上面加上css样式-webkit-user-select:text !important 或者在父类加上这个样式就可以了

 

其他方法：

 

input框在IOS不能输入 的问题：/*-webkit-user-select: none;*/ 禁掉用户可以选中页面中的内容；

把这行代码注视掉就可以了

 

 

文章来源：刘俊涛的博客 欢迎关注公众号、留言、评论，一起学习。

__________________________________________________________________________________

若有帮助到您，欢迎点击推荐，您的支持是对我坚持最好的肯定(*^_^*)