css - bootstrap fa active color -


how can set active-color of fa #9b0722?

my html looks following:

<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> 

as simple this:

i.fa{color:#9b0722} 

if mean on hover,

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

Comments

Popular posts from this blog

javascript - Jquery show_hide, what to add in order to make the page scroll to the bottom of the hidden field once button is clicked -

javascript - Highcharts multi-color line -

javascript - Enter key does not work in search box -