css - bootstrap fa 事件颜色

Question

如何将 fa 的 a i 的事件颜色设置为 #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}