覆盖 Twitter Bootstrap 不起作用

Question

我正在尝试覆盖 Bootstrap 的 btn-primary 元素。我通过本地文件 /public/styles.css 执行此操作。

我用过 Jade 和 Stylus。但是，我不能更改btn-primary 的background-color。

有什么想法吗？

doctype 5
html(lang="en")
 head
   link(rel='stylesheet',href='http://getbootstrap.com/dist/css/bootstrap.css')
   title=pageTitle
   link(rel='stylesheet',href='http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css')
   link(rel='stylesheet', href='/public/styles.css')
 body
   h1 MyJade - node template engine
   a(class='btn btn-large btn-primary', href='/profile') Large Button

/public/styles.css 在哪里：

.btn-primary {
  background-color: black;
}

但是按钮的背景颜色仍然是 Bootstrap 的默认蓝色。

我尝试在 Jade 文件中使用具有完全相同代码的 style 标记，并且可以正常工作，但事实并非如此。

有什么想法吗？

Answer 1

如果您检查 css 文件，您会注意到设置了一个覆盖颜色的背景图像渐变

试试

.btn-primary {
  background-color: black;
  background-image: none;
}