为啥我的输入在移动设备上不起作用？

Posted 2023-03-31

【中文标题】为啥我的输入在移动设备上不起作用？

【英文标题】：Why does my input not work on mobile?为什么我的输入在移动设备上不起作用？

【发布时间】：2016-02-10 04:22:19

【问题描述】：

我正在为我正在学习的课程构建一个简单的猜谜游戏，并使用 Bootstrap 和自定义 CSS 和 javascript 构建它。但是，当我访问在运行 ios 9.2.1 的 iPhone 6S 上托管项目的网页时，用户猜测的输入不接受参数。在桌面上，输入工作完美，所有其他按钮在桌面和移动设备上都按预期工作。为什么我的输入无法在我的 iPhone 上运行？

<input class="btn btn-default btn-lg input" type="text" id="guess" placeholder="Pick a number between 1-100">

My guessing game link

Screenshot: The input doesn't accept anything I try to type

更新：我在this link 发现了一个与我类似的问题。但是，在通过 Bootstrap CSS 并删除问题认为可以解决我的问题的元素后，问题仍然存在。

【问题讨论】：

对我来说工作得很好..

在我的手机上也可以。

您能否提供其他信息，例如您的移动设备的技术和浏览器规格。

@NikhilNanjappa 我有一部运行 iOS 9.2.1 的 iPhone 6S。我正在使用 Safari 和最新的 Chrome 浏览器。

【参考方案1】：

我遇到了同样的问题，在查看 Bootstrap“btn”样式后，我发现这种样式破坏了我的输入：

.btn 
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

所以我把它改成了：

input.btn 
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;