Question

<img class="image_cover" src = "" />

.image_cover {
    width:25px;
    height:25px;
    border-style:none;
    border: 0;
    box-shadow:none;
}

我在这里用小提琴演示：jsfiddle

在Chrome版本33.0.1750.152中，我在<img>标记上看到一个框（边框）。我试图摆脱它。

我在此处跟踪了输入：Removing the image border in Chrome/IE9，并设置了border，border-style和box-shadow属性，但我仍然看到它周围的边框。

我该如何解决这个问题？

Answer 1

Chrome会自动将img标记的边框呈现为空src属性。

解决方法是在此图片代码中放置透明的png或gif。

Answer 2

CSS

img {
    Border: none;
}

试试这个，它应该删除任何默认边框

Answer 3

这是因为您没有指定来源。指定SRC后，这不再是问题。

Answer 4

像其他人一样提到边界是因为SRC是空的。如果src不为空，您可以使用border:none更改边框。但是，这是因为<img>标签上的默认浏览器行为没有src，这就是border:none无效的原因。

如果出于某种原因你想要一个空的src你可以这样做..但我不确定为什么你会想要一个没有src的图像标签 < / p>

<img class="image_cover" src="" />

.image_cover {
    width:25px;
    height:25px;
    content: "";
}

<强>样本：

Answer 5

大纲显示是因为您没有将src属性设置为有效的图片网址。

Answer 6

通过使轮廓透明来完成轮廓的删除。

img{    
    border-color:transparent;
}