javascript - 很难在 iPhone/手机网站上选择单选按钮

标签 javascript iphone css mobile user-experience

在我的移动网站上,我在网站的关键阶段有一个YesNo 单选按钮问题。

我收到一份奇怪的报告,说在 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>

这是单选按钮如何在移动设备上显示的屏幕截图。

Yes/No radio buttons

最佳答案

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

关于javascript - 很难在 iPhone/手机网站上选择单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16065381/

相关文章:

IOS - 如何按比例自动布局 View 并将其中心设置为 anchor

css: overflow: auto + 指定宽度

Javascript 命名空间和条件包含

iphone - iPhone sdk 中碰撞检测的示例代码

javascript - 在 jQuery 中动态检测窗口宽度

ios - 如何在 Swift 的 For In 循环中打印自定义类?

导航菜单的 CSS 居中问题

html - 背景图像未在 IE 中加载

javascript - 缩略图视频react-native-image-picker

javascript - jquery动态加载div问题