手机网页端打开页面modal弹框上input框无法输入问题求解，谢谢

我辈岂是一凡人 2019-02-19 11:06:45

网上说的去掉tabindex属性还有-webkit-user-select 设置为text都不起作用

...全文

1067 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

我辈岂是一凡人 2019-02-28

打赏
举报

引用 10 楼 Yuan_mingyu 的回复:

引用 4 楼 zy19952010lk 的回复:
[quote=引用 6 楼 Yuan_mingyu 的回复:]
[quote=引用 5 楼 zy19952010lk 的回复:]
[quote=引用 4 楼 Yuan_mingyu 的回复:]
除了input无法输入外，radio和button能正常使用吗？
是正常的，只有input框和select选框存在这个问题

是调用的模板吗？-moz-user-select: none; -webkit-user-select: none; 有这两个属性的话删去试试[/quote]
改成text/auto!important 写在行内样式里面也不行[/quote]
好像！important并不是所有浏览器都支持，电脑端打开弹窗，input正常吗？[/quote]
电脑版打开是没问题的，出现这种问题是我在手机上用浏览器打开网页modal弹框input和select框都无法获取焦点和选择

tomorain23 2019-02-28

打赏
举报

引用 11 楼 zy19952010lk 的回复:

引用 10 楼 Yuan_mingyu 的回复:
[quote=引用 4 楼 zy19952010lk 的回复:] [quote=引用 6 楼 Yuan_mingyu 的回复:] [quote=引用 5 楼 zy19952010lk 的回复:] [quote=引用 4 楼 Yuan_mingyu 的回复:] 除了input无法输入外，radio和button能正常使用吗？
是正常的，只有input框和select选框存在这个问题

是调用的模板吗？-moz-user-select: none; -webkit-user-select: none; 有这两个属性的话删去试试[/quote] 改成text/auto!important 写在行内样式里面也不行[/quote] 好像！important并不是所有浏览器都支持，电脑端打开弹窗，input正常吗？[/quote] 电脑版打开是没问题的，出现这种问题是我在手机上用浏览器打开网页modal弹框input和select框都无法获取焦点和选择[/quote] emmm我觉得是某些属性值在移动端不兼容的问题，具体的我也不清楚了，你可以看看这篇文章，https://www.cnblogs.com/mrnut/p/7656019.html

我辈岂是一凡人 2019-02-26

打赏
举报

引用 6 楼 Yuan_mingyu 的回复:

引用 5 楼 zy19952010lk 的回复:
[quote=引用 4 楼 Yuan_mingyu 的回复:]
除了input无法输入外，radio和button能正常使用吗？
是正常的，只有input框和select选框存在这个问题

是调用的模板吗？-moz-user-select: none; -webkit-user-select: none; 有这两个属性的话删去试试[/quote]
改成text/auto!important 写在行内样式里面也不行

tomorain23 2019-02-26

打赏
举报

引用 4 楼 zy19952010lk 的回复:

引用 6 楼 Yuan_mingyu 的回复:
[quote=引用 5 楼 zy19952010lk 的回复:] [quote=引用 4 楼 Yuan_mingyu 的回复:] 除了input无法输入外，radio和button能正常使用吗？
是正常的，只有input框和select选框存在这个问题

tomorain23 2019-02-25