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

Question

4

我正在使用Twitter Bootstrap提供的以下分页按钮样式：

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

这是它们目前的外观:

enter image description here

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

我尝试了这个CSS代码，但它并没有改变按钮样式：

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

谢谢你！

- AlexR

3个回答

1

使用

。

!important

在 CSS 中，这意味着忽略其他所有内容并使用此 !important。

有些框架中需要使用这个来打破默认样式，它也对媒体查询很有用。

- Sabba Keynejad

1

您可以在自定义CSS中添加!important。

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

- web designer philippines

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user172163 · Accepted Answer

您需要覆盖CSS代码：

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

编辑： color 和 background-color 样式是针对 li 元素内的 "a" 元素的。