无法删除图像周围的灰色边框？

Question

出于某种原因，我无法从我的图片周围删除灰色边框。我正在使用Javascript来插入它们，如果这有助于你。谢谢！

＆＃13;

＆＃13;

var helloContainer = document.getElementById('hello-container');

  var helloImg = new Image(20, 20);

function imgRepeater(e) {

  var helloCount = e;

  helloImg.className = 'hello-img';

  helloContainer.innerHTML = '';

  if (e != "0") {

    for (var i = 0; i < helloCount; i++) {

      helloContainer.appendChild(helloImg.cloneNode(true));

    }

  }
}

imgRepeater(10);

＆＃13;

.hello-img {
  width: 20pt;
  height: 20pt;
  background-image: url("http://emojipedia-us.s3.amazonaws.com/cache/1a/01/1a010db8ee92e120595b5b8977a8328e.png");
  background-size: contain;
  border: 0 !important;
  outline: 0 !important;
}

＆＃13;

<div id="hello-container"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

看起来您的容器（helloContainer）是具有灰色背景的元素。右键单击元素并使用“Inspect Element”查看活动的CSS。

Answer 2

这是因为图像元素需要＆＃34; src＆＃34;属性。灰色边框是占位符的一部分，浏览器将代替图像显示该占位符。要删除它，您应该设置＆＃34; src＆＃34;图像的属性，而不是用CSS应用它，或创建一个不同的元素，如span。