2

我正在尝试制作一个自定义复选框，所以我做了类似的事情：http: //jsfiddle.net/wQdUn/2/

问题是，在基于 WebKit 的浏览器上，复选框仅在单击 的内容时才被切换<span>，而不是在框本身上，而在 Firefox 中，我得到了我期望的行为。

所以我有两个问题：

  • 哪一项是正确的行为（即符合规范的行为）？
  • 如何在两个浏览器（和其他浏览器......）中获得我想要的结果？

谢谢。

4

2 回答 2

5

不确定第一个问题，但如果你也制作了span一个内联块，它会在 WebKit 浏览器中按预期工作。见http://jsfiddle.net/wQdUn/5

于 2011-10-03T10:15:16.847 回答
0

对于那些从谷歌来到这个主题的人：

Safari 6.0.4(8536.29.13) 仍然有这个问题，你需要设置inline-block伪元素才能使点击工作。

Chrome 切换到 Blink 作为它的渲染引擎，所以这个问题在 chrome 上不再发生（26.0.1410.65）。

于 2013-05-20T09:37:14.833 回答