禁用图标周围的IE 8蓝色边框

Question

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

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

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

在Firefox中它看起来很好，但在IE8中，当按钮变为禁用时，图标周围会出现蓝色边框。我试过添加border：none等等，但没有运气。

有什么建议吗？

Answer 1

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

a img {
 border:none;
}

Answer 2

将此添加到您的CSS：

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

Answer 3

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

 a img {
    border:0;
 }

希望有所帮助