我最近在我的网站上添加了一张图片,图片被包裹在 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
最佳答案
那么,我错过了什么?
90 后和 00 后。
它来自哪里?
它来自浏览器的默认样式表。
为什么只出现在firefox中?
浏览器似乎对是否在链接图像周围显示边框制定了自己的规则。
我该如何让它消失?
a img {
border: none;
}
关于html - 如何摆脱火狐图像边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14566081/