禁用IE8藍色邊框圓形圖標

我已將圖像附加到帶有CSS樣式的按鈕。禁用IE8藍色邊框圓形圖標

.a-icon { 
    background: url('../a.png') no-repeat 100% 100%; 
} 

.b-icon { 
    background: url('../b.png') no-repeat 100% 100%; 
}

在Firefox看起來很好，但在IE8出現圖標周圍藍色邊框，當按鈕被禁用。我曾嘗試添加border：none等，但沒有運氣。

有什麼建議嗎？

2013-04-24 kuldarim

可能是填充，嘗試設置背景顏色，莫非是「邊界」變化的顏色？ – MasNotsram 2013-04-24 11:10:23

沒有邊界的顏色不會改變 – kuldarim 2013-04-24 11:33:05

添加到您的CSS：與img

.a-icon, 
.a-icon img, 
.b-icon, 
.b-icon img { 
    border: 0; 
    outline: 0; 
    background: transparent; 
}

2013-04-24 10:56:05 Michal

正如我所說，這不會改變任何東西;/ – kuldarim 2013-04-24 11:00:40

你試過大綱：0？發送鏈接到您的網站 – Michal 2013-04-24 11:01:16

是的，我已經嘗試過。這是私人網站，所以我不能給你發送鏈接。也許問題是我使用extjs框架，它做了一些改變。 – kuldarim 2013-04-24 11:04:52

所有鏈接裏面有超過900對IE LTE藍色邊框，添加到你的CSS全局樣式此標籤。

a img { 
border:none; 
}

2013-04-24 11:09:54

我認爲這將是您正在尋找的解決方案。如果我理解你的話，問題在於圖像周圍的鏈接邊框。所以你必須刪除它。那麼試試這個：

a img { 
    border:0; 
}

希望它可以幫助

2013-04-24 11:18:09

回答