css - 禁用 IE8 蓝色边框环绕图标

Question

我已将图像附加到具有 css 样式的按钮。

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

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

在 Firefox 中它看起来不错，但在 IE8 中，当按钮被禁用时，图标周围会出现蓝色边框。我曾尝试添加边框：无等，但没有运气。

有什么建议么？

score 2 · Accepted Answer

在 IE lte 9 上，所有带有img内部的链接都有一个蓝色边框，添加到此标签的您的 css 全局样式中。

a img {
 border:none;
}

score 1 · Accepted Answer

将此添加到您的 CSS 中：

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

score 1 · Accepted Answer

我认为这将是您正在寻找的解决方案。如果我理解正确，问题在于图像周围的链接边框。所以你必须删除它。所以试试这个：

 a img {
    border:0;
 }

希望能帮助到你

3 回答 3