有没有办法重置边框,边框半径和背景颜色CSS属性？

Question

我使用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 - > Inspect - > CSS视图中注释掉这些规则来检查这一点.

如何在不触及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

Answer 2

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

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

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