'Block Style'单选按钮可用于iPad上的所有内容

Mar*_*ark 7 html css css3 ipad ios

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

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

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

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

这是中所含的网站的主要用途是为移动设备,所以肯定需要它的工作的任何iOS设备上(假设它在iPhone上可能发生为好,只是没有一个在这里与我现在来测试).

感谢您的任何建议!

Pev*_*ara 6

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

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

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

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

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