9

我正在将 Twitter 引导程序用于我输入的页面的 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 视图中注释掉这些规则来检查这一点。

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

4

4 回答 4

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

那应该重置边界。只要您喜欢的样式出现的时间晚于 Bootstrap 提供的样式，它们就会优先。此外，-moz-appearance 可以帮助您覆盖默认的 Firefox 外观（或重置它们）。

于 2012-10-18T21:37:00.090 回答
8

Bootstrap 声明比您的声明具有更高的特异性。

!important您可以通过在声明后添加来测试它：border: none !important

但是，不要附带此代码。要以正确的方式修复它，请使用另一个类或 id 来覆盖 Bootstrap 的 CSS。

于 2012-10-18T21:36:55.927 回答
2

要重置属性，请使用值“initial”，适用于所有属性：

-webkit-border-radius: initial;
-moz-border-radius: initial;
-o-border-radius: initial;
border-radius: initial;
border: initial;
于 2015-02-11T14:16:02.980 回答
-1

您是否尝试过它并不总是一个好的解决方案，但可能是您遇到问题的原因，请在此处!important阅读更多关于何时使用此方法可能有用的信息。

于 2012-10-18T21:36:40.677 回答