覆盖Twitter引导程序不起作用

Question

我试图重写Bootstrap的btn-primary元素。我是通过本地文件/public/styles.css来完成这个任务的。

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

，知道为什么吗？

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;
}