为什么我的输入在移动设备上不起作用？答案

【问题标题】：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 浏览器。

标签： jquery ios twitter-bootstrap mobile input

【解决方案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;
}

【讨论】：