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

Question

所以我完全熟悉使用我自己的Style.css 在引导程序中覆盖样式。但是，假设 bootstrap 具有放在桌子上的样式或标准 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

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

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

但请注意，它还没有真正得到广泛支持。它适用于 IE 11、Firefox、Opera 和 Chrome，但不适用于 Safari 或大多数移动浏览器。不过，知道它是否以及何时得到更广泛的支持是一件好事：)

Answer 2

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