Bootstrap twitter glyphicon shadow css

Question

Can someone help me get some buttons for loading glyphs? I am trying to add a shadow to them in CSS, but the shadow goes around the button, not the icon itself. Is there a way to make a shadow around the icon (or at least the shape of the icon)? Thanks Alex

Answer 1

Since the icons are displayed using a custom font, you should use text-shadow:

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

Demo script