Как изменить цвет фона активной вкладки в Bootstrap, не затрагивая другие активные классы

Question

Я использую Bootstrap, и у меня есть этот список:

Теперь, когда он активен, он синий, я хочу изменить его на зеленый или что-то в этом роде.

Это код:

<a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">v1.0.0</a>

Это единственный элемент на рисунке.

Когда я пытаюсь изменить «активный» класс, он меняет все остальные мои компонентыи я не хочу этого.

Answer 1

Возможно, класс, на который вы нацелены, не тот, попробуйте это.Если вы поделитесь своим полным кодом, возможно, мы увидим, есть ли другие проблемы.

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<style>
  .list-group-item.active {
  background-color: green;
  border-color: green;
}
</style>
<ul class="list-group">
  <li class="list-group-item active">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>