Изменение класса Active CSS в Bootstrap

Question

Я использую AngularJS и Bootsrtrap в своем коде. Я использую библиотеку this для разбивки на страницы для таблиц. Здесь сказано, что я могу создать стиль с помощью бутстрапа, и я хотел изменить цвет выбранного номера на оранжевый.

Класс этого поля в 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

Adjust также border, если вы хотите.

Answer 3

Не используйте только .active! Это не является надлежащей ссылкой на активный класс в большой структуре. Просто быть конкретными и использовать этот фрагмент кода ниже:

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