bootstrap twitter glyphicon shadow css

Question

Can anyone help me get some bootstrap glyphicons buttons look right? I am trying to add some shadow to them in CSS but the shadow goes around the button, not the icon itself. Is there a way to make the shadow around the icon (or at least the form of the icon)? Thank you, Alex

Answer 1

Since the icons are rendered using a custom font you have to use text-shadow :

.glyphicon{
    text-shadow: 0 0 5px red;
}

Demo fiddle