iphone - iPhone 浏览器不支持 元素的解决方法

Question

最近刚遇到这个问题，我认为分享会有所帮助。

HTML <label> iPhone (v3) 浏览器以一种奇怪的方式支持 element。试试这个:

<input type="checkbox" id="chkTest" /><label for="chkTest">Click me!</label>

点击“点击我!”标签没有效果，复选框未被选中。

触摸设备缺乏对 <label> 的支持elements 让我感到困惑，我尝试使用 javascript 来解决这个问题。当我注意到像下面这样的 void javascript 也能做到这一点时，令人惊讶的是:

<input type="checkbox" id="chkTest" /><label for="chkTest" onclick="javascript:void(0);">Click me!</label>

HTH

更多信息:

1. 也适用于空处理程序:onclick=""
2. 禁用 JavaScript 会再次停用标签，即使使用空处理程序也是如此。

Answer 1

经过一些实验后，看起来分配以下 CSS 规则足以在 iPhone 上触发预期的标签行为:

标签{光标:指针}