2014-08-27 53 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