覆盖Twitter Bootstrap无法正常工作

时间:2013-08-25 00:28:30

标签: css node.js twitter-bootstrap pug stylus

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

我使用过Jade和Stylus。但是,我无法更改background-color的{​​{1}}。

有什么想法?

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

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

我尝试使用.btn-primary { background-color: black; } 标记与Jade文件中完全相同的代码并且可以正常工作,但事实并非如此。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

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

尝试

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