在我的移动网站上,我在网站的关键阶段有一个Yes
或No
单选按钮问题。
我收到一份奇怪的报告,说在 iPhone 等支持触控的设备上,有时很难选择这些单选按钮。
有趣的是,我亲眼看到了用户绕过单选按钮,最终它突出显示为已选中。然后我自己拿起听筒并立即突出显示它。
触摸技术会不会有问题? (如果有这样的事情)。我读到一些 iPhone 的触摸屏灵敏度有问题,但是如果我能够突出显示它,那么是否排除了手机的问题。
我想要的是单选按钮本身和标签周围的区域,这样如果用户触摸其中任何一个,那么单选按钮就会被选中。这可能吗?
这是我当前的标记:
<input type="radio" name="del_standard_use_b_as_s" id="del_standard_use_b_as_s_yes" value="yes">
<label for="del_standard_use_b_as_s_yes" class="use_existing">Yes</label>
这是单选按钮如何在移动设备上显示的屏幕截图。
最佳答案
将标签包裹在输入周围并向标签添加一些填充。
关于javascript - 很难在 iPhone/手机网站上选择单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16065381/