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

标签 twitter-bootstrap css

我将 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 库的情况下完成所有这些操作?

最佳答案

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

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

关于twitter-bootstrap - 有没有办法重置 border、border-radius 和 background-color CSS 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12964052/

相关文章:

html - 修复 CSS 和 HTML 显示布局

javascript - 添加 Bootstrap 工具提示会修改元素本身的样式——如何阻止这种情况发生?

html - 使用 "symbol"和 "use"方法对齐 svg 元素

javascript - 如何使用函数返回的对象?

HTML/CSS 悬停一个元素,影响两个不同的 div?

css - flex box容器可以绝对定位吗

javascript - 鼠标控制第一人称移动JS

html - 如何在 HTML 元素中编写 BTN 以打开用户电子邮件客户端

html - : 以下内容涵盖的 Bootstrap 下拉菜单内容

jquery - 用重复 x 分隔背景图像