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">

My guessing game link

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

更新：我在this link找到了与我类似的问题。但是，在浏览了Bootstrap CSS并删除了被认为可以解决问题的元素之后，问题仍然存在。

Answer 1

我遇到了同样的问题，看了Bootstrap＆＃34; btn＆＃34;样式我发现这种风格打破了我的意见：

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

为什么我的输入无法在移动设备上运行？

1 个答案: