0
点赞
收藏
分享

微信扫一扫

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;*/ 禁掉用户可以选中页面中的内容;

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

__________________________________________________________________________________

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

你要保守你心,胜过保守一切。

作者:刘俊涛的博客​​




举报

相关推荐

0 条评论