Начальная загрузка CSS: наведение списка групповых элементов + выбранное - PullRequest
Новая
       12

Начальная загрузка CSS: наведение списка групповых элементов + выбранное

0 голосов
/ 17 октября 2018

У меня есть скрипт ниже, к которому я пытаюсь применить некоторый CSS, чтобы перезаписать значения по умолчанию для начальной загрузки. 

h2 class="sr-only">${Search Categories}</h2>

<div role="list" class="list-group">
      <a role="link" ng-class="{active: !data.t}" class="list-group-item" 
       ng-href="?id=search&q={{data.q}}" aria-label="${All search results}">
        <i class="fa fa-chevron-right"/><span class="m-l-sm">${All}</span>
    </a>
      <a role="link" ng-repeat="source in data.searchSources | orderBy:'order'"
         ng-href="?id=search&t={{source.id}}&q={{data.q}}"
         ng-class="{active: data.t==source.id}"
         class="list-group-item" aria-label="{{source.name}} ${Search results}">
        <i class="fa fa-chevron-right"/><span class="m-l-sm">{{source.name}}</span>
    </a>
</div>

В настоящее время проблема заключается в том, что при выборе одной из ссылок выделяется синий, которыйФункциональность OOTB для элемента начальной загрузки list-group-item, но у меня возникли некоторые проблемы при перезаписи.

Я предполагаю, что мне нужно что-то вроде a:focus {background-color: Whitesmoke} или list-group-item:focus ..., но ни один из них, похоже, не работает.

Какое правильное направление?

1 Ответ

0 голосов
/ 17 октября 2018

вы должны перезаписать :visited не :hover

ex: 

a:visited {background-color: Whitesmoke}
...