如何使用默认浏览器的样式覆盖或重置引导程序样式？

Question

--------------------------------------------

更新以澄清我的问题

就像在这个小提琴https://jsfiddle.net/30x0pdzx/1/中一样，我想让第二个字段集显示为默认浏览器在这里渲染https://jsfiddle.net/1b0hxruq/1/

--------------------------------------------

我想覆盖或重置具有类no-bootstrap

的fieldset的引导样式

<fieldset class="no-bootstrap">
    <legend></legend>
</fieldset>

目前，bootstrap的fieldset样式是

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

那么我应该怎样做才能将其覆盖（或重置）为default浏览器样式？

fieldset.no-bootstrap {
    min-width: ???;
    padding: ???;
    margin: ???;
    border: ???;
}

感谢您的考虑：）

Answer 1

如果您有这些问号，只需添加您喜欢的任何样式，然后将!important;全部添加到它们中，或者确保您的CSS表格在Bootstraps之后加载。

例如：

fieldset.no-bootstrap {
  min-width: 200px !important;
  padding: 5px !important;
  margin: 20px !important;
  border: 1px solid red !important;
}

无论你把它放在哪里，

都会工作（或者至少非常）。

Answer 2

您覆盖的样式应该在您要覆盖的代码之后。所以在你的个人css之前加上bootstrap源码。

也可以使用！重要标签，以覆盖任何特定的样式，但不建议经常使用它。

应该是这样的：

。类{     红色 ！重要 }