In this article I will show you how to change bootstrap icon color to white using css class in bootstrap 3 icons List.
Css class:
<style type="text/css">
.white, .white a {
color: #fff;
}
</style>
Html content:
<div style="background-color:black;color:white">
<ul>
<li>
<span class="glyphiconglyphicon-asterisk white"></span>
<span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
</li>
<li>
<span class="glyphicon glyphicon-plus white"></span>
<span class="glyphicon-class">glyphicon glyphicon-plus</span>
</li>
<li>
<span class="glyphicon glyphicon-euro white"></span>
<span class="glyphicon-class">glyphicon glyphicon-euro</span>
</li>
<li>
<span class="glyphicon glyphicon-eur white"></span>
<span class="glyphicon-class">glyphicon glyphicon-eur</span>
</li>
<li>
<span class="glyphicon glyphicon-minus white"></span>
<span class="glyphicon-class">glyphicon glyphicon-minus</span>
</li>
</ul>
<div class="clear"> </div>
</div>
Html content:
Post your comments / questions
Recent Article
- How to decode HTML character code in c#?
- How to save the xml file to a particular location?
- How to use if else statement in c++?
- How to use godaddy domain name with another godaddy hosting account?
- Restore of database 'DATABASE' failed. (Microsoft.SqlServer.Management.RelationalEngineTasks)
- How to programmatically modifying the AppSetting value in web.config using c#?
- TypeError [ERR_INVALID_CALLBACK]: Callback must be a function. Received undefined
- How to calculate the age from jQuery ui datepicker using c#?
Related Article