html checkbox怎么放大可点击区域

Question

现在项目要求把checkbox做成透明，然后用一个图片盖住这个checkbox实现勾选

html代码:

javascript代码
object.style.opacity=0;object.style.filter="alpha(opacity=0)";
object.parentNode.style.cssText='background:url(images/IconsBtn1.gif) no-repeat;display:inline-block;width:24px;height:24px;vertical-align:top;';

现在的问题是图片的大小比checkbox的点击区域大很多，当点击图片的边缘部分时实际上并没有点中checkbox，有没有办法放大checkbox的可点击区域？

Answer 1

试试label标签，配置for属性为目标checkbox的id
里面只能放inline元素，但可以将span放置进去，用样式控制为display:block，放上背景图片~~~~
怎么重叠什么的就靠你自己尝试了