如何从图像中删除默认边框/轮廓

Question

嘿伙计们，我想知道如何从图片标签中删除边框/轮廓，包括我没有使用图片，例如test code fiddle

HTML

<img src="" class="testClass">

CSS

.testClass{
    width: 100%;
    margin-left: 0%;
    height: 150px;
    border: 0px;
    outline : none;
}

Answer 1

您看到的是浏览器＆＃34;图像网址损坏＆＃34;图片。这是浏览器无法加载图片时获得的结果。它没有边界;浏览器只是呈现一些东西，所以你可以看到丢失的图像有多大。因此，您不能过多地影响CSS的结果。

您可以设置display: none以完全隐藏图像。如果您希望空格为空，请将其包装在具有相同大小的div中。