7

我有一组单选按钮，并对它们进行了样式设置，以便它们显示：块，使它们看起来像按钮（也隐藏了单选按钮本身）。这在台式机和安卓平板电脑上的 Chrome 和 Firefox 中效果很好……但不适用于 iPad。

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

无论出于何种原因，块元素在 iPad 上都不是“活动的”，并且没有设置单选按钮。如果我“取消隐藏”单选按钮，您会看到单击块时它没有被选中。但是，如果我单击实际的单选按钮本身，它会正确选择甚至更改块元素的背景颜色！ http://jsfiddle.net/WhNRK/1/

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

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

感谢您提出的任何建议！

4

1 回答 1

6

首先，你的小提琴在 iphone 上也确实不起作用，无论是在 safari 还是 chrome 中。

我很好奇，我试图通过玩一下你的代码来找到解决方案。稍微更改了 html 以使标签成为输入的同级，而不是父级。对我的iphone仍然没有影响。

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

您必须添加onclick=""到标签中。

我没有在 iPad 上测试它，但因为它只是一个大 iPhone，它应该可以正常工作。可以在这里找到一个工作示例：http: //jsfiddle.net/WhNRK/15/

于 2012-08-28T16:58:29.030 回答