css怎么修改图片加载失败的小图标

网页中，图片加载失败，会有一个很丑的小图标显示出来，怎么隐藏，或者修改这个图标呢？

热门评论：

• wmaker 2018-5-4 6:16 回复:

  哟，找到更好的方法了？
  我发现这个问题的链接有误，老是到之前的版本，这是最新版：https://segmentfault.com/q/10...

网友回答：

• wmaker 2018-5-2 6:57 回复:

  <img />在正常显示图片时，不会显示伪对象:before和:after。但在图片加载出错时会显示。

以下是大体，具体可自行修改。
img {
  display: block;
  position: relative;
}
img:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #eee;
}

• jsoncode 2018-5-2 7:00 回复:wmaker
  只用css

• wmaker 2018-5-2 9:00 回复:wmaker

  抱歉，没注意标题了。我看看这样改是否可行？

---

• 行走的前端 2018-5-2 9:26 回复:

  图片加载出错，貌似没有像链接被点击了之类的伪类。
  用css是没有检测到图片是否加载出错，只能用js来实现。