首先,先来两张图片:
给checkbox设置高度(如height:13px)可以解决该问题。在firefox3和chrome3下均无该问题。这是IE特有的问题。另外可以参考一篇相关文章:http://robobruin.blogspot.com/2007/09/fixing-ie-checkbox-paddingmargin.html(文章可能已无效!)
INPUT type=checkbox 元素的 height 和 width 样式是在 Internet Explorer 5 中实现的。元素的大小设置基于由作者提供的值,除非给定的大小显然低于所需的最小值。大小的尺寸计算如下:
- 若 height 或 width 大于 20 像素,复选框的四周留空将设置为 4 像素,内部高度或宽度将设置为 8 像素。
- 若 height 或 width 小于 20 像素但大于 13 像素,复选框的四周留空将等于所指定的 height 或 width 减去 13 的差的一半。例如,若指定复选框的 width 是 17,四周留空将是: (17-13)/2 = 2 像素。
- 若 height 或 width 小于 12 像素,复选框的四周留空将设置为 0 且内部宽度将设置为作者指定的值。