twitter-bootstrap - 有没有办法重置 border、border-radius 和 background-color CSS 属性？

Question

我将 Twitter bootstrap 用于我已输入的页面的 CSS。 Bootstrap 定义: border: 1px solid rgb(204, 204, 204); 背景色:rgb(255, 255, 255)； 边框半径:3px 3px 3px 3px；用于选择元素。

我想重置(通过在我自己的 CSS 中覆盖)这些 Bootstrap CSS 属性。我试过:自动、继承、无。但没有工作。我还尝试了半径的 -moz 前缀。没有成功。

我发现这不起作用，因为在 Firefox 中，没有边框、没有边框样式和没有背景颜色的选择以与 webkit 浏览器类似的方式呈现。

您可以通过在 Web Developer -> Inspect -> CSS View 中注释掉这些规则来检查这一点。

如何在不接触 Bootstrap 库的情况下完成所有这些操作？

Answer 1

-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 0;

这应该会重置边界。只要您喜欢的样式出现在 Bootstrap 提供的样式之后，它们就会优先。此外，-moz-appearance 可以帮助您覆盖默认的 Firefox 外观(或重置它们)。

• https://developer.mozilla.org/en-US/docs/CSS/-moz-appearance