css - 复选框标签在 iPad 中单击

Question

我使用了一些带有 Lable 标记的复选框，其背后的原因是，如果用户单击相应复选框选择的文本，但是当我在 iPad 中测试它时，如果用户单击直接复选框，它的工作正常，但是当单击文本时，它不会响应就像它在桌面上所做的那样

请检查此链接

Answer 1

我遇到了这个问题，我在我的博客上写了一个简单的 CSS 修复：http: //www.tjcafferkey.me/problems-clicking-input-label-select-ios-safari/

CSS 很简单：

label > * {
  pointer-events:none;
}

Answer 2

您是否尝试过简单地使用 ID/FOR 组合？

<input type="checkbox" id="mycheckbox" />

<label for="mycheckbox">Click here</label>

Answer 3

从这两个问题（3035954，7358781）中学习，似乎有一个黑客会产生你想要的行为：

为每个标签添加一个空的 onclick 处理程序应该可以工作，例如：

<label onclick=""><input type="checkbox"> Checkbox</label>

或者，或者，您可以通过一些侵入性较小的 javascript 来执行此操作，例如：

$('label').click(function(){});