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 回答