边距 CSS 不影响复选框元素

Question

嘿伙计们，我对为什么margin CSS我应用到我的checkbox元素不起作用感到有些困惑。这是我的代码示例：

HTML：

<div class="panel">
         <input id="bodytype-checkbox" class="float-checkbox" type="checkbox"/>
         <label for="bodytype-checkbox" class="label-checkbox">Bodytype</label>
</div>

CSS：

.float-checkbox{
    float:left;
    margin: 10px 10px 0 0;
    cursor: pointer;
}

知道我做错了什么吗？这是小提琴：http : //jsfiddle.net/LvhCh/38/

Answer 1

看起来 bootstrap.css 在设置复选框样式时更具体一些。

input[type=radio], input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

它覆盖了你的。