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

Question

我正在为要上的课程构建一个简单的猜谜游戏，并使用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">

我的猜谜游戏链接

屏幕截图：输入不接受我尝试输入的任何内容

更新：我在此链接中发现了一个与我类似的问题。 但是，在通过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;
}