难以在iPhone /移动网站上选择单选按钮

Question

在我的移动网站上，我在网站的关键阶段有一个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>

这是一个屏幕抓取单选按钮在手机上的显示方式。

Answer 1

在输入周围包裹标签，并在标签上添加一些填充。