html - 使用 CSS 更改 Twitter Bootstrap 中按钮的背景颜色

Question

我正在使用以下 pagination Twitter Bootstrap 提供的按钮样式:

<ul class="pager">
  <li class="previous"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>

这是他们目前的样子:

我需要如何更改我的 CSS 样式才能将这些按钮的背景颜色从绿色更改为其他颜色？

我试过这段 CSS 代码，但它没有改变按钮样式:

.next {
    background-color: #ecf0f1;
    color: #2d525d;
}

谢谢!

Answer 1

您需要覆盖 css 代码:

.next a {
    background-color: #ecf0f1 !important;
    color: #2d525d !important;
}

编辑:color 和background-color 样式用于 li 中的“a”元素。