[英]how to get rid of firefox image border
我最近在网站上添加了图片,该图片被包裹在锚定标记中,如下所示:。
问题在于,此图像有边框,但仅在Firefox中; 镶边中没有显示边框。 我希望边界消失。 我已经在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;
}
令人难以置信的是,我找到了答案-原来我放大了,但我没有注意到,因为它只有一个。 直到我去将页面的全部内容粘贴到jsfiddle中时,我才注意到大小略有不同。
显然,Firefox放大时会在图像上添加边框。 无法想象为什么,但是一旦我缩小边界,它就会消失。 我想问题解决了。 只是希望我能早点找到它-几天来一直困扰着我!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.