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
- Your system's memory configuration has changed since it entered hibernation.
- Save image to client browser using jQuery?
- Get filename of image jQuery?
- How to get the image src using JavaScript?
- System.Net.Http.Formatting, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' which has a higher version than referenced assembly 'System.Net.Http.Formatting' with identity 'System.Net.Http.Formatting, Version=4.0.0.0
- Cordova Android build error "Cannot read property 'length' of undefined". An error occurred while running subprocess cordova.
- ERROR in The Angular Compiler requires TypeScript >=3.9.2 and <4.0.0 but 3.8.3 was found instead
- Code ENOLOCAL Could not install from "android" as it does not contain a package.json file.
Related Article