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

Question

我正在为我正在上的类(class)构建一个简单的猜谜游戏，我使用 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 并删除问题认为可以解决我的问题的元素之后，问题仍然存在。

Answer 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;
}