bootstrap fa活跃的颜色

Question

如何将fa的活动颜色设置为＃9b0722？

我的HTML如下所示：

<div class="topbar">
    <div class="container">
        <!-- Topbar Navigation -->
        <ul class="loginbar pull-right">
            <li class="active">
                <a href="#" title="Startseite">
                    <i class="fa fa-home"></i>  
                </a>

            </li>
            <li class="topbar-devider"></li>   
            <li><a href="#kontakt">Kontakt</a></li> 
            <li class="topbar-devider"></li> 
            <li><i class="fa fa-phone"></i><a href="tel:+497147273729"> +49 7147 273729</a></li> 
            <li class="topbar-devider"></li>   
            <li><a href="#">Impressum</a></li>   
        </ul>
        <!-- End Topbar Navigation -->
    </div>
</div>

Answer 1

这很简单：

i.fa{color:#9b0722}

如果你的意思是悬停，那么

i.fa:hover{color:#9b0722}

Answer 2

假设您的意思是在图标悬停时更改图标的颜色，请将图标放在锚点内。

例如：

<li>
    <a href="#"><i class="fa fa-phone"></i> +49 7147 273729</a>
</li>

然后在你的CSS中，你可以改变颜色，如下所示：

a:hover i.fa {
    color:#9b0722;
}