Twitter's bootstrap uses Icons by Glyphicons. They are "
available in dark gray and white" by default:
Is it possible to use some CSS trickery to change the colors of the icons? I was hoping for some other css3 brilliance that would prevent having to have an icon image set for each color.
I know you can change the background color of the enclosing (
<i>) element, but I'm talking about the icon foreground color. I guess it would be possible to inverse the transparency on the icon image and then set the background color.
So, can I add color to bootstrap icons only using CSS?