Как при наведении курсора изменить цвет шрифта-5 с angular 9? - PullRequest
Новая
       68

Как при наведении курсора изменить цвет шрифта-5 с angular 9?

0 голосов
/ 15 марта 2020

Я использую (https://github.com/FortAwesome/angular-fontawesome), и все выглядит хорошо с тем, что есть в документации c: 

<fa-icon [icon]="faCoffee"></fa-icon>

Моя проблема в том, что я хочу, чтобы у вас был указатель мыши изменить цвет ». Когда я сделаю следующее: 

<fa-icon [icon]="faCoffee" [inverse]="true" class="colorchange"></fa-icon>

Затем наберите CSS, который говорит: 

.colorchange {
}

.colorchange:hover {
color:red !important;
}

Кажется, что CSS ничего не делает. Какой правильный способ заставить работать простое изменение цвета при наведении основы c? Я попытался обернуть элемент fa-icon тегом span и применил к нему класс, но он тоже не сработал.

1 Ответ

0 голосов
/ 15 марта 2020

Вот быстрый обходной путь. Просматривая их source , можно увидеть, что они используют класс селектора под названием ng-fa-icon. Так что применение :hover псевдо к этому классу должно работать. 

.ng-fa-icon.hover-hightlight:hover {
  color: red;
}

<fa-icon class="hover-hightlight" [icon]="['fas', 'square']"></fa-icon>

Рабочий пример: Stackblitz

...