我有一组单选按钮，并对它们进行样式设置，使它们显示：阻止它们看起来像按钮（也隐藏了单选按钮本身）。这适用于桌面和Android平板电脑上的Chrome和Firefox ......但不适用于iPad。
在此处查看： http://jsfiddle.net/WhNRK/
无论出于何种原因，块元素在iPad上都没有“活动”，也没有设置单选按钮。如果我“取消隐藏”单选按钮，您可以看到单击该块时没有选择它。但是，如果我单击实际的单选按钮本身，它会正确选择，甚至可以更改块元素背景颜色！ http://jsfiddle.net/WhNRK/1/
知道我做错了什么导致这种情况发生？好像它应该是非常简单的功能，所以我希望它只是一些简单的东西我可以忽略......
该网站的主要用途是用于移动设备，因此绝对需要它在任何iOS设备上工作（假设它可能发生在iPhone上，只是没有在这里与我一起现在测试）。
感谢你提出任何建议！
答案 0 :(得分：6)
最重要的是，你的小提琴确实不适用于iphone，无论是在safari还是chrome。
我很好奇，我试着用你的代码玩一下来找到解决方案。在改变html有点使标签成为输入的兄弟，而不是父母。仍然对我的iPhone没有影响。
经过一些谷歌搜索后，我发现了这一点：http://forums.macrumors.com/showthread.php?t=785632 我尝试了解决方案，它似乎工作，虽然我不知道为什么。我猜这是某种错误...
您必须在标签中添加onclick=""。
我没有在iPad上进行测试，但因为它只是一部大iPhone，所以它应该是一样的。可以在此处找到一个工作示例：http://jsfiddle.net/WhNRK/15/