CSS - стиль fa fa icons

Question

Можно ли стилизовать значки fa fa, если они активны? Например, кнопки:

button:active {
   color: white;
}

Можно ли как-нибудь стилизовать иконки? Спасибо!

Answer 1

Я использую вот так

.noo-social a .fa-twitter{
    background:#5dd7fc;
    border-color:#5dd7fc
}
.noo-social a .fa-twitter:hover{
    color:#5dd7fc
}

Answer 2

Соедините это css в своем коде https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css

Answer 3

Для кнопок вы можете сделать что-то подобное:

button:active > i.fa {
   color: white;
}