如何在出现复选框时覆盖引导CSS

复选框样式已引导为

input[type=“checkbox”]{float:left；margin:3px 5px 0；}

---

相反，我希望它的样式为

{margin:05px 0；*float:left；*display:inline block；*margin top:5px；}

，而不更改引导，我尝试了所有可能的替代方法，如

！重要信息

等。

为复选框指定另一个类，并定义该类所需的样式

示例

<div class="custom-checkbox">
  <label><input type="checkbox" value="">Option 1</label>
</div>

---

您可以在bootstrap.css之后添加另一个css，如（custom.css）。请选中另一个类，并为该类定义所需的样式。我认为这只是添加一个新样式的问题，该样式应位于bootstrap css的下方，对吗？您可以向我们展示完整的标记beacuse

！重要信息

如果操作正确，应该可以工作。我已经定义了名为.auxoDynamicCheckbox的类{margin:0 5px 0px 0px；*float:left；*display:inline block；*margin top:5px；}但引导正在覆盖它。

.custom-checkbox input[type="checkbox"]{
    margin: 5px 5px 0 0 !important;
    display: inline-block;
}