在Bootstrap中更改Active类CSS

Question

我在代码中使用AngularJS和Bootsrtrap。我正在使用this库对其中的表进行分页。它在这里说我可以使用bootstrap来设置它，我想将所选数字的颜色更改为橙​​色。

该字段的类在CSS中是active，我试图在我的CSS中覆盖它的样式，但没有任何改变。我用过这个CSS：

.active {
    background-color: #FFC773;
}

任何人都可以帮我解决这个问题吗？

Answer 1

以上给出的答案绝对正确，但您还应为其他州定义CSS，例如focus，active和hover：

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: orange;
    border-color: organge;
}

这是为了避免各种其他问题。

Answer 2

尝试：

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:visited {
    background-color: #FFC773;
}

请参阅plunker

如果您愿意，还可以调整border。

Answer 3

不要单独使用.active！这不是对大型框架中活动类的适当引用。只是具体并使用下面的代码段：

.pagination > .active > a {
    background-color: orange;
    border-color: red;
}