如何通过重写样式从引导中完全删除样式

所以我完全熟悉通过使用我自己的Style.css在bootstrap中重写样式。但是假设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;
}

很简单，这将改变这两个项目，并允许其他样式级联通过。但是，如果我想完全删除由bootstrap为元素标签添加的任何样式，该怎么办呢?有没有一种简单的方法可以做到这一点，而不必像这样做:

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

还是一行一行地把每个样式属性改成none或normal之类的?同时保持原始Bootstrap文件处于未动状态，并且不注释其中的任何内容。

顺便说一句，我也可以使用JavaScript，如果它是简洁和容易的?

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

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

，但要注意它还没有得到广泛的支持。它适用于IE 11, Firefox, Opera &;Chrome，但不是Safari或大多数移动浏览器。但是，知道它是否以及何时会得到更广泛的支持是很好的:)

不，如果它已经包含，那么重写它的唯一方法就是给它像none这样的属性，或者处理它的最好方法是使用他们的SASS/LESS实现，根本不包含该组件

相关内容