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 add two numbers in Android Studio? | Source Code
- FindViewByID returns null in android studio -SOLVED
- Saving changes is not permitted in SQL SERVER - [SOLVED]
- Restore of database failed. File cannot be restored over the existing. -[SOLVED]
- One or more projects in the solution were not loaded correctly in Visual Studio 2019 | FIXED
- How to find Laptop's Battery Health?
- SOLVED-Related Field got invalid lookup: icontains error in Django
- How to enable Search Feature in Django admin?
Related Article