如何在没有来源的情况下删除图像周围的边框？

Question

我有一张图片，但我还没有定义来源。它有一个边框：/

例如： <img src="" />

如果我给它一个来源，边框就会消失（由于 css: border:none ）。

当图像没有来源时，如何删除图像周围的边框？

原文由 Tgwizman 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我可以建议的是，如果没有 src=“” 删除它，你可以

img {
    display: none;
}

img[src] {
   display: block;
 }

或者如果你知道 url 包含一些特殊的词，比如 http 你可以这样做：

 img[src*="http"] {
    display: block;
}

原文由 Ricardo Rodrigues 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

具有 data: URL src 属性的图像

<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

根据所需的浏览器支持，您还可以：

 img[src=""] {
  content:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

请参阅：http: //probablyprogramming.com/2009/03/15/the-tiniest-gif-ever

原文由 Neil 发布，翻译遵循 CC BY-SA 3.0 许可协议