我有一组单选按钮,并对它们进行了样式设置,以便它们显示:块,以便它们看起来像按钮(还隐藏了单选按钮本身)。这在台式机和 Android 平板电脑上的 Chrome 和 Firefox 中效果很好……但在 iPad 上不起作用。
在这里查看:http://jsfiddle.net/WhNRK/ http://jsfiddle.net/WhNRK/
无论出于何种原因,块元素在 iPad 上都不是“活动的”,并且不会设置单选按钮。如果我“取消隐藏”单选按钮,您可以看到单击该块时不会选择它。但是,如果我单击实际的单选按钮本身,它会正确选择,甚至会按应有的方式更改块元素背景颜色!http://jsfiddle.net/WhNRK/1/ http://jsfiddle.net/WhNRK/1/
知道我做错了什么导致这种情况发生吗?看起来它应该是非常简单的功能,所以我希望它只是我忽略的一些简单的东西......
该网站的主要用途是针对移动设备,因此绝对需要它在任何 iOS 设备上运行(假设它也可能发生在 iPhone 上,只是现在我这里没有一个可以测试) )。
感谢您提出的任何建议!
首先,你的小提琴确实无法在iPhone上运行,无论是在Safari还是Chrome中。
尽管我很好奇,但我尝试通过玩一下你的代码来找到解决方案。对 html 进行了一些更改,使标签成为输入的同级标签,而不是父标签。对我的 iPhone 仍然没有影响。
经过一番谷歌搜索后我发现了这个:http://forums.macrumors.com/showthread.php?t=785632 http://forums.macrumors.com/showthread.php?t=785632我尝试了该解决方案,它似乎有效,尽管我不知道为什么。我猜这是某种错误......
你必须添加onclick=""
到你的标签。
我没有在 iPad 上测试它,但由于它只是一个大 iPhone,所以应该可以正常工作。可以在这里找到一个工作示例:http://jsfiddle.net/WhNRK/15/ http://jsfiddle.net/WhNRK/15/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)