为什么我的网站单选按钮不能在iPhone / iPad上点击？ [英] Why aren't my website radio buttons clickable on iPhone/iPad?

问题描述

我在 tbmaster.co.uk 有一个网站，它有3个单选按钮，在普通浏览器中工作正常但是当我使用iPhone / iPad查看网站时，我无法点击单选按钮。

I have a website at tbmaster.co.uk which has 3 radio buttons and they work fine in normal browsers but when I use a iPhone/iPad to view the site I am unable to click the radio buttons.

如果查看源代码，可以使用一些JavaScript来设置单选按钮和其他内容的状态，因此不确定这是否是问题

If you look at the source there is some JavaScript going on to set the states of radio buttons and other things so not sure if this is the problem

推荐答案

您的< div class =postit> 是问题所在。在iPad上，它只是覆盖了单选按钮，并使点击事件无法通过。如果您调整非iPad浏览器的大小，您可以获得相同的效果。尝试使你的 .postit 更薄，这样它就不会掩盖单选按钮;或者您可以尝试播放表单的 z-index 和 .postit 以获取表格。

Your <div class="postit"> is the problem. On the iPad, it just covers the radio buttons and keeps click events from getting through. If you adjust the size of your non-iPad browser you can get the same effect. Try making your .postit thinner so that it won't cover up the radio buttons; or you could try playing the z-index of the form and .postit to get the form on top.

您还会注意到您无法单击添加另一个串行按钮，但您可以单击其他两个按钮，添加另一个按钮SERIAL 隐藏在 .postit 下，但其他按钮则没有。类似的问题将适用于机器ID 。

You'll also notice that you can't click the ADD ANOTHER SERIAL button but you can click the other two buttons, ADD ANOTHER SERIAL is buried under the .postit but the other buttons are not. And similar issues will apply to Machine ID.

这篇关于为什么我的网站单选按钮不能在iPhone / iPad上点击？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！