2014-08-27 83 views
4

任何人都可以帮助我得到一些bootstrap glyphicons按钮看起来正确吗? 我想在CSS中为它们添加一些阴影,但阴影绕过按钮,而不是图标本身。有没有办法让图标周围的阴影(或至少是图标的形式)? 谢谢 亚历bootstrap twitter glyphicon shadow css

+0

[链接](http://jsfiddle.net/ #&togetherjs = JimDp87hIh)。它很混乱,但如果你看按钮(i)(信息)(右上角),你应该能够看到问题。 ''button class =“btn btn-link”title =“Help”style =“background:none; color:yellow; position:absolute; right:12px; top:3px; left:auto;”onclick =“myFunction() “>' – user27186 2014-08-27 23:14:56

回答

12

由于图标使用自定义字体呈现,你必须使用text-shadow

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

Demo fiddle

+0

太棒了!就是这样!现在对我来说是可能的。谢谢!是否有可能扭转文字阴影?像逆转我? – user27186 2014-08-27 23:25:23

+0

@ user27186 - 你一定要更详细地解释...... – Fizzix 2014-08-27 23:51:39