获取点击：伪元素

Question

我试图做一个自定义的复选框，所以我做了这样的事情：当点击http://jsfiddle.net/wQdUn/2/

的问题在于，在基于WebKit浏览器，该复选框只是切换在<span>的内容，而不是在包装盒本身，而在Firefox中，我得到了我的行为预期。

所以我有两个问题：

• 哪一个是正确的行为（即一个符合规格）？
• 我如何得到我想要在这两个浏览器（和其他人......），结果呢？

谢谢。

Answer 1

不知道关于第一个问题，但如果你让span内联块也一样，你在WebKit浏览器期望它会工作。见http://jsfiddle.net/wQdUn/5

Answer 2

对于那些谁来到这个话题形式谷歌：

的Safari 6.0.4（8536.29.13）仍然有这个问题，你需要设置inline-block伪元素上进行点击的工作。

Chrome跳至闪烁，因为它的渲染引擎，所以对铬更多（26.0.1410.65）没有发生这个问题。