html - 如何摆脱火狐图像边框

Question

我最近在我的网站上添加了一张图片，图片被包裹在 anchor 标记中，如下所示:.

问题是，这个图像有边框，但只在 firefox 中； chrome 中没有显示边框。我希望边界消失。我已经在 css 中为 a 和 img 标签设置如下:

text-decoration:none;
border-style:none;
border:none;
outline:none;
box-shadow: 0;
-moz-box-shadow:0;
background:none;
color:white;

图像是白色背景上的灰色小图标，我在 gimp 中仔细检查过，图像周围肯定没有边框。那么，我错过了什么？它来自哪里？为什么它只出现在firefox中？我该如何让它消失？

Firefox 版本为 17.0.1

Answer 1

那么，我错过了什么？

90 后和 00 后。

它来自哪里？

它来自浏览器的默认样式表。

为什么只出现在firefox中？

浏览器似乎对是否在链接图像周围显示边框制定了自己的规则。

我该如何让它消失？

a img {
    border: none;
}