南芝 – 我才12岁（孤独、快乐的生活在自己的世界里）

今天做页面发现一个问题，貌似之前也遇到过，在此记录一下哈~

label里边如果有div（或者类似的块状元素）的话，那么点击div不会让input框选中，label也就失去了其作用。但是，如果是内联元素的话，在样式里给其定义成块状元素，则不会出现这种情况，点击的时候会正常的选中input框。

HTML：

<label for="jolin"><div>111111111111111111</div><input type="radio" id="jolin" name="test" /></label>
<label for="jolin2"><span style="display:block;">111111111111111111</span><input type="radio" id="jolin2" name="test" /></label>

DEMO：http://12sui.com/test/label_090531.html

在其它常见浏览器下未发现问题！~

标签： label

这篇文章发布于 2009年05月31日，星期日，17:59，归类于 HTML。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。