圖標字體和css更改顏色的錯誤

我使用引導程序3和圖形（PRO版本，但它幾乎相同，一些更多圖標）作爲字體。圖標字體和css更改顏色的錯誤

一個在上下文中的示例代碼：

<div class="col-md-4"> 
    <span class="glyph_icons compass"></span><br /> 
    <h4>Jurassic Park Lorem Ipsum</h4> 
    <p>I was overwhelmed by the power of this place; but I made a mistake, too. I didn't have enough respect for that power and it's out now. The only thing that matters now are the people we love: Alan and Lex and Tim. John, they're out there where people are dying.</p> 
</div>

它運作良好。現在我想添加懸停顏色變化，並且它有一些小故障。有時（但並非總是），它不會正確地改變圖標兩側的顏色（它是跨度框外部的部分），有時會在鼠標懸停時失敗，有時在鼠標移出時會回到原始顏色。後〜1秒它修復

鼠標懸停失敗：

mouseover failed http://i.picresize.com/images/2014/02/21/kaQTN.png

鼠標移出失敗：

mouseout failed http://i.picresize.com/images/2014/02/21/Buvg.png

注意：如果我將字母間距更改爲1.1em或更大，它似乎可以解決圖標右側的問題，但無法找到修復左側的問題。

DEMO錯誤：http://www.bootply.com/116686

來源

2014-02-21 Nazareno Lorenzo

你能提供的jsfiddle工作的例子嗎？我在黑暗中拍攝了一句話，增加一個填充左邊也會解決左側的問題。 –

http://www.bootply.com/116686 看左邊 –

嗨納薩雷諾，如果解決方案爲你工作，你能否把我的答案標記爲接受的答案？這可以幫助有同樣問題的其他人找到這個封閉的問題。謝謝！ :) –

，我發現你的解決方案。原來這個圖標並沒有覆蓋所提供的全部空間。

至少在chrome上解決此問題是將以下css屬性添加到boothstrap附帶的iconset中。

.glyphicon-sound-dolby:before { 
    content: "\e190"; 
    padding: .1em; 
}

我會把它放在通用的圖標類，所以它影響整個圖書館，如果內存服務我的權利。將是：之前，：在課後名稱。有些年齡段沒有與圖書館合作過，所以儘量只針對我想說的圖標。

:before, :after{ 
    box-sizing: border-box; 
    padding: .1em; 
}

編碼愉快:)

來源

2014-02-26 08:59:36

圖標字體和css更改顏色的錯誤

回答

相關問題