Boostrap4 изменить фон активного тега привязки - PullRequest
Новая
       7

Boostrap4 изменить фон активного тега привязки

0 голосов
/ 11 января 2019

Я пытаюсь построить динамический список тегов привязки, используя * ngFor для angular, и я не могу изменить цвет фона для выбранного активного тега привязки, Мой HTML-код выглядит следующим образом: 

<div class="row">
 <div class="col-md-4">
  <app-zona-item
  *ngFor="let zonaEl of zonas"
  [zona]="zonaEl"></app-zona-item>
 </div>
 <div class="col-md-8">
   <h5>Lugares de estacionamento</h5>
 </div>
</div>

html моего app-zone-item выглядит следующим образом: 

<a
style="cursor: pointer;"
routerLinkActive="active"
class="list-group-item clearfix">
 <div class="pull-left">
  <h4 class="list-group-item-heading">{{zona.designacaoZona}}</h4>
  <p class="list-group-item-text">{{zona._id}}</p>
 </div>
</a>

Отображает следующий список:

enter image description here

Как изменить фон выбранного активного тега. В Boostrap 3 этот код работает, но в bootstrap 4 больше нет. Что мне нужно изменить, или есть другой способ добиться того же результата. При нажатии на один элемент я хочу показать активный тег привязки и использовать идентификатор для отображения подробностей о другом div

1 Ответ

0 голосов
/ 11 января 2019

ну, вам просто нужно немного css, чтобы изменить цвет фона активного тега привязки, просто добавьте следующий css. 

<!DOCTYPE html>
<html>
 <body>
  <style>
   a:active {
    background: orange !important;
   }
  </style>
  <a href="#">Visit W3Schools.com!</a>

 </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...