Bootstrap Twitter图标阴影CSS

Question

有没有人能帮我把一些Bootstrap图标按钮修整好看？我试着在CSS中添加一些阴影效果，但是阴影出现在了按钮周围，而不是图标本身。有没有办法让阴影环绕在图标周围（或者至少是图标的形状）？谢谢！ Alex

- user27186

---

link。虽然有点乱，但如果你看一下按钮（i）（信息）（右上角），你应该能看到问题。<button class="btn btn-link" title="帮助" style="background:none; color:yellow; position: absolute; right: 12px; top: 3px; left: auto; " onclick="myFunction()"><span class="glyphicon glyphicon-info-sign" style="background:none !important; box-shadow: -4px -4px 5px white;"></span></button> - user27186

Answer 1

由于图标是使用自定义字体呈现的，因此您必须使用 text-shadow：

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

演示代码

- omma2289

---

太好了！就是这样！现在对我来说有可能吗？谢谢！文本阴影也可以反转吗？比如反转i？ - user27186