我使用Twitter bootstrap作为我输入的页面的CSS。 Bootstrap定义： border：1px solid rgb（204,204,204）; background-color：rgb（255,255,255）; border-radius：3px 3px 3px 3px; 选择元素。
我想重置（通过覆盖我自己的CSS）这些Bootstrap CSS属性。我试过：auto，inherit，none。但没有工作。我还尝试了半径的-moz前缀。没有成功。
我发现这不起作用，因为在Firefox中，没有边框且没有边框样式且没有背景颜色的选择以与webkit浏览器类似的方式呈现。
您可以通过在Web Developer中注释掉这些规则来检查这一点 - ＆gt;检查 - ＆gt; CSS视图。
如何在不触及Bootstrap库的情况下完成所有这些操作？
答案 0 :(得分：10)
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 0;
那应该重置边框。只要您的首选样式出现的时间晚于Bootstrap提供的样式，它们就会优先。此外，-moz-appearance可以帮助您覆盖默认的Firefox外观（或重置它们）。
答案 1 :(得分：8)
Bootstrap声明的specificity比你的更高。
您可以在声明后添加!important来对此进行测试：border: none !important
不要随附此代码。要以正确的方式修复它，请使用另一个类或id来覆盖Bootstrap的CSS。
答案 2 :(得分：2)
要重置属性，请使用值＆＃34; initial＆＃34;，适用于所有属性：
-webkit-border-radius: initial;
-moz-border-radius: initial;
-o-border-radius: initial;
border-radius: initial;
border: initial;
答案 3 :(得分：-1)
您是否尝试!important并不总是一个好的解决方案，但可能是您遇到问题的原因，请详细了解何时使用此方法here可能有用。