Html 如何删除webkit中损坏图像周围的边框？
有人能给我提供这方面的建议吗？WebKit浏览器一直在禁用的图像周围放置1像素的灰色边框。我需要删除它的原因是为了在电子邮件客户端禁用图像时进行电子邮件优化。在Firefox中运行良好，但WebKit浏览器始终显示边框 我尝试了Html 如何删除webkit中损坏图像周围的边框？,html,css,webkit,html-email,Html,Css,Webkit,Html Email,有人能给我提供这方面的建议吗？WebKit浏览器一直在禁用的图像周围放置1像素的灰色边框。我需要删除它的原因是为了在电子邮件客户端禁用图像时进行电子邮件优化。在Firefox中运行良好，但WebKit浏览器始终显示边框 我尝试了border:none！重要信息无论何处，包括内联，但Chrome/Safari都很顽固 编辑：下面是带有内联css的html示例 <img style="outline:none;text-decoration:none;display:block;border:
border:none！重要信息<img style="outline:none;text-decoration:none;display:block;border:none;-webkit-border:0;" border="0" src="images/rm_bnk.gif" width="10" height="10" alt="test" />
尝试使用一些JavaScript删除损坏的图像。这是唯一的办法
var images = document.getElementsByTagName("img");
for (i = 0; i < images.length; i++) {
var self = images[i];
self.onerror = function () {
self.parentNode.removeChild(self);
}
}
var images=document.getElementsByTagName（“img”）；
对于（i=0；i另外：
onerrorOutlook用户可能只需要离开该图像就可以结束了。没有办法删除它，但我将该图像包装在一个元素中，该元素在其样式中具有overflow hidden属性
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Hide Broken Image border</title>
<style>
body{
background-color:azure;
}
.image-container{
width:100px;
height:100px;
overflow:hidden;
display:block;
background-color:orange; /*not necessary, just to show the image box, can be added to img*/
}
.image-container img{
margin:-1px;
}
</style>
</head>
<body>
<span class="image-container">
<img src="path-to-image" alt="I'm Broken :(" width="102" height="102">
</span>
</body>
</html>
隐藏损坏的图像边框
身体{
背景颜色：天蓝；
}
.图像容器{
宽度：100px；
高度：100px；
溢出：隐藏；
显示：块；
背景色：橙色；/*不需要，只是为了显示图像框，可以添加到img*/
}
.图像容器img{
保证金：-1px；
}
如果
imgsrccssimg:not([src]){ display:none; }
这个css隐藏图像直到
imgsrcimg:not（[src]）{
可见性：隐藏；
}
- 因此，您可以保存img块大小和其他元素的位置。它在大多数情况下都很有用，我在我的网站上使用它，在加载图像之前只显示空白块
var images = document.getElementsByTagName("img");
for (i = 0; i < images.length; i++) {
var self = images[i];
self.onerror = function () {
self.parentNode.removeChild(self);
}
}
var images=document.getElementsByTagName（“img”）；
对于（i=0；i