Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2

by

The icon will adopt the color from value of the color css property of it’s parent.

You can either add this directly to the style:

<span class="glyphicon glyphicon-user" style="color:blue"></span>

Or you can add it as a class to your icon and then set the font color to it in CSS

HTML 

<span class="glyphicon glyphicon-search"></span>
<span class="glyphicon glyphicon-user blue"></span>
<span class="glyphicon glyphicon-trash"></span>

CSS

.blue {
    color: blue;
}

This fiddle has an example.

More Related Contents:

  1. How to place a div over a image? [closed]
  2. elements are not centered aligned inside the wrapper and when I set the width of the wrapper it goes out of the browser width..any solution?
  3. What’s wrong with this div? [closed]
  4. How can I center text (horizontally and vertically) inside a div block?
  5. How do I auto-resize an image to fit a ‘div’ container?
  6. Can I create a div with a Curved bottom?
  7. How to make a HTML Page in A4 paper size page(s)?
  8. Best Practices & Considerations when writing HTML Emails [closed]
  9. Is there a way to style part of an input field’s value? [duplicate]
  10. How does this CSS produce a circle?
  11. CSS fixed width in a span
  12. How to change color of disabled html controls in IE8 using css
  13. Chrome rendering issue. Fixed position anchor with UL in body
  14. Why is an element with position: fixed moving with a non-positioned sibling?
  15. Printing HTML table with many columns/rows using CSS layout?
  16. flex-grow not working in column layout
  17. Min-width and max-height for table attributes
  18. How to make select elements shrink to max-width percent style within fieldset
  19. Height of flex container not working properly in Safari
  20. Overlapping/overlaying multiple inline images
  21. bootstrap 3 to bootstrap 4 cols no longer horizontally aligned [duplicate]
  22. Border style do not work with sticky position element
  23. Using z-index to get div above another div
  24. Items that span all columns/rows using CSS grid layout
  25. How to get CSS to select ID that begins with a string (not in Javascript)?
  26. How to make a DIV not wrap?
  27. What is the difference between applying css rules to html compared to body?
  28. How can I align text directly beneath an image?
  29. How to make bootstrap carousel image responsive?
  30. Background-Color of BODY tag applied to the whole HTML [duplicate]

Leave a Comment