iPad上的所有功能均可使用“块样式”单选按钮

Question

我有一组单选按钮，并对它们进行了样式设置，使其显示为：block，使它们看起来像按钮（也隐藏了单选按钮本身）。 这在台式机和Android平板电脑上的Chrome和Firefox中非常有效……但在iPad上则无法使用。

在这里查看： http : //jsfiddle.net/WhNRK/

无论出于何种原因，该阻止元素在iPad上都不处于“活动”状态，并且未设置单选按钮。 如果我“取消隐藏”单选按钮，则可以看到单击该块时未选中它。 但是，如果我单击实际的单选按钮本身，它将正确选择，甚至应按需要更改块元素的背景色！ http://jsfiddle.net/WhNRK/1/

关于我做错了什么的任何想法导致这种情况发生？ 似乎它应该是非常简单的功能，所以我希望它只是我所忽略的简单事物...

该网站的主要用途是用于移动设备，因此绝对需要它可在任何iOS设备上运行（假设它也可能发生在iPhone上，只是现在没有人可以在这里进行测试） ）。

感谢您的任何建议！

Answer 1

首先，无论是野生动物园还是Chrome，您的提琴在iPhone上也都无法正常工作。

像我一样好奇，我试图通过玩一些您的代码来找到解决方案。 在更改html有点使标签成为输入的同级，而不是父级。 仍然对我的iPhone没有影响。

经过一番谷歌搜索后，我发现了这一点： http ://forums.macrumors.com/showthread.php?t=785632我尝试了该解决方案，它似乎可以工作，尽管我不知道为什么。 我想这是某种错误...

您必须在标签上添加onclick="" 。

我没有在iPad上进行测试，但由于它只是一部大型iPhone，因此应能正常工作。 一个有效的示例可以在这里找到： http : //jsfiddle.net/WhNRK/15/