html – “块样式”单选按钮可用于所有内容但iPad

我有一组单选按钮,并对它们进行样式设置,使它们显示：阻止它们看起来像按钮(也隐藏了单选按钮本身).这适用于桌面和 Android平板电脑上的Chrome和Firefox ……但不适用于iPad.

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

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

知道我做错了什么导致这种情况发生？好像它应该是非常简单的功能,所以我希望它只是简单的东西,我忽略了……

这个网站的主要用途是用于移动设备,因此绝对需要它在任何iOS设备上工作(假设它可能发生在iPhone上,只是没有在这里与我一起测试).

感谢您的任何建议！

解决方法

最重要的是,你的小提琴确实不适用于iphone,无论是在safari还是chrome.

像我一样好奇,我尝试通过玩你的代码来找到解决方案.在改变html有点使标签成为输入的兄弟,而不是父母.仍然对我的iPhone没有影响.

经过一些谷歌搜索我发现：http://forums.macrumors.com/showthread.php?t=785632
我尝试了解决方案,它似乎工作,虽然我不知道为什么.我猜这是某种bug …

您必须在标签上添加onclick =“”.

我没有在iPad上测试它,但因为它只是一个大的iPhone它应该工作相同.可以在这里找到一个工作实例：http://jsfiddle.net/WhNRK/15/

原文地址：https://www.jb51.cc/html/225495.html