Javascript 自定义复选框在ie7和ie8中重复

我正在构建的表单的自定义复选框似乎在IE7中重复出现。我正在使用来自的“customformelements.js”

除了在IE7和IE8中重复的复选框外，它工作正常。我已经添加了javascript文件，如上所述。附件是我的复选框图像文件

在javascript文件中，我更改了宽度/高度，如下所示

var checkboxHeight = "24";

在我的css中，如下所示

.checkbox {
    width: 25px;
    height: 24px;
    padding: 0 5px 0 0;
    background: url(../images/checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
    margin-left: 90px;
    margin-right: 20px;
}

---

问题似乎是bootstrap.min.CSS中的CSS覆盖了元素填充的CSS。Bootstrap.min.css有一个规则：

 .form-horizontal .checkbox {
     padding-top: 7px;
     ...
 }

这将覆盖填充规则，因此实际上元素具有7px的顶部填充。这会增加IE7上元素的高度，您会看到向下延伸的背景图像

修复方法可能会使CSS规则更加具体，例如

.form horizontal.ticks.checkbox{…}

或添加

！重要信息

用于填充