jobury5
2010-12-14 13:50
浏览 921
已采纳

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的可点击区域?

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • cyrilluce 2010-12-14 14:28
    已采纳

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

    已采纳该答案
    评论
    解决 1 无用
    打赏 举报
  • ayling520 2010-12-14 15:22

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

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题