Bootstrap change icon color using css


Bootstrap change icon color using css: You can change the icon color in bootstrap by adding the custom css class. Icon adopts the color of it’s parent element. Here we are going to change the default color of icon by our own class.


Bootstrap change icon color using css

Here is an example of change background color-

Bootstrap change icon color using style css:

<span class="glyphicon glyphicon-search" style="color:yellow;"></span>

Or you can add the class as below

Bootstrap change icon color using css:

<span class="glyphicon glyphicon-search yellow"></span>
<style>
.yellow{
background:yellow;
}
</style>

Advertisements

Add Comment

📖 Read More