html checkbox怎么放大可点击区域

现在项目要求把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的可点击区域?

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

给图片一个点击事件,然后再通过js来选中checkbox。