如何通过覆盖它从引导程序中完全删除样式

Question

所以我完全熟悉使用我自己的Style.css覆盖引导程序中的样式。但是，让我们说引导程序具有放在表格上的样式或者是标准html元素的东西。让我们使用标签，因为它是一个相当简短的例子。让我们首先假设除了以下css代码之外没有其他标签样式或标签元素样式：

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

现在，如果我想在Style.css文件中覆盖此样式并更改边距和重量，我可以这样做：

label {
  margin-bottom: 3px;
  font-weight: normal;
}

很简单，这会改变这两个项目并允许其他样式级联。但是，如果我想完全删除由引导程序为元素标签添加的任何样式，该怎么办？有一个简单易行的方法可以做到这一点，而不必像以下那样：

label {
  display: inline;
  max-width: None;
  color: none;
  margin-bottom: 0;
  font-weight: normal;
}

或者基本上逐行进行并将每个样式属性更改为无或正常或其他什么？同时保持原始Bootstrap文件处于未触摸状态，并且不会对其进行任何注释。

顺便说一下，如果它简洁易用，我也可以使用JavaScript吗？

Answer 1

否如果它已经包含覆盖它的唯一方法是给它像none这样的属性，或者处理它的最好方法是使用它们的SASS / LESS实现而不包括组件。

Answer 2

这取决于您要支持的浏览器。你可以用

label {
  all: initial; // or all: unset
}

但请注意，它尚未得到广泛支持。它适用于IE 11，Firefox，Opera＆amp; Chrome，但不是Safari或大多数移动浏览器。仍然是一个很好的人，知道它是否以及何时得到更广泛的支持：）