Html '；块样式'；单选按钮在除iPad以外的所有设备上都能工作

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

请看这里：

无论出于何种原因，block元素在iPad上不处于“活动”状态，也不设置单选按钮。如果我“取消隐藏”单选按钮，您可以看到在单击块时它没有被选中。但是，如果我单击实际的单选按钮本身，它会正确地选择，甚至会改变块元素的背景颜色！

知道我做错了什么导致了这一切吗？似乎它应该是非常简单的功能，所以我希望它只是一些简单的我忽略

该网站的主要用途是用于移动设备，因此绝对需要它在任何iOS设备上工作（假设它也可能发生在iPhone上，只是我现在没有一个要测试）

---

谢谢你的建议

首先，无论是在safari还是chrome上，你的小提琴在iphone上都不起作用

尽管我很好奇，但我还是试着通过使用您的代码来找到解决方案。In稍微更改了html，使标签成为输入的同级，而不是父级。仍然对我的iphone没有影响

通过谷歌搜索，我发现： 我尝试了这个解决方案，但似乎奏效了，尽管我不知道为什么。我猜这是某种虫子

您必须在标签中添加

onclick=“

。

---

我没有在iPad上测试它，但因为它只是一个大的iPhone，所以它应该能正常工作。这里可以找到一个有效的例子：

@PeterVR——非常感谢您的帮助。。。只是在我的代码中实现了它，并且工作得非常完美。实际上，我在另一个论坛上遇到了“假”onclick建议，并尝试了它，但没有成功……但我把它放在了输入标签中，而不是标签标签中，所以这显然是不同之处（加上你布置标签的方式也更有意义）。真奇怪！非常感谢你花了这么多时间来解决这个问题——这对我来说非常有用，希望将来对其他人也有价值。再次感谢！！！奇怪的错误，但你的解决方法做到了！不过，iOS 6不需要它，只有使用iOS 5的旧设备（可能还有旧版本）需要它。在iPad1和iPad3上测试