Изменить цвет при наведении на иконку FontAwesome span - PullRequest
Новая
       9

Изменить цвет при наведении на иконку FontAwesome span

0 голосов
/ 07 сентября 2018

У меня есть этот промежуток: 

<span class="fa fa-green fa-arrow-circle-o-right" aria-hidden="true"></span>

Я изменил цвет следующим образом: 

.fa-green {
    color: #008d4c;
}

Однако функция наведения не работает: 

.fa-green:hover {
    color: black;
}

Что не так?

1 Ответ

0 голосов
/ 07 сентября 2018

Ваш код выглядит нормально. Убедитесь, что ваш стиль hover не переопределен другими стилями или классом.

HTML 

<a href="#">
  <span class="fa fa-green fa-arrow-circle-o-right fa-5x" aria-hidden="true"></span
</a>
<a href="#" class="more-power">
   <span class="fa fa-green fa-arrow-circle-o-right fa-5x" aria-hidden="true"></span
</a>

1008 * CSS * 

    .fa-green {
      color: #008d4c
    }

    .fa-green:hover {
      color: black
    }

    a.more-power:hover span {
      color: #008d4c
    }

Проверьте это https://jsfiddle.net/ayjwm23d/36/

...