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

Javascript 无法删除图像周围的灰色边框?,javascript,css,image,border,styling,Javascript,Css,Image,Border,Styling,由于某些原因,我无法删除图像周围的灰色边框。我正在使用Javascript插入它们,如果这对您有帮助的话。谢谢 var helloContainer=document.getElementById('hello-container'); var helloImg=新图像(20,20); 函数imgreepeater(e){ var helloCount=e; helloImg.className='hello img'; helloContainer.innerHTML=''; 如果(e!=

由于某些原因,我无法删除图像周围的灰色边框。我正在使用Javascript插入它们,如果这对您有帮助的话。谢谢

var helloContainer=document.getElementById('hello-container');
var helloImg=新图像(20,20);
函数imgreepeater(e){
var helloCount=e;
helloImg.className='hello img';
helloContainer.innerHTML='';
如果(e!=“0”){
对于(变量i=0;i
。你好,img{
宽度:20磅;
高度:20磅;
背景图像:url(“http://emojipedia-us.s3.amazonaws.com/cache/1a/01/1a010db8ee92e120595b5b8977a8328e.png");
背景尺寸:包含;
边界:0!重要;
大纲:0!重要;
}

看起来您的容器(helloContainer)是灰色背景的元素。右键单击元素并使用“Inspect element”查看活动CSS。

这是因为图像元素需要“src”属性。灰色边框是浏览器将显示在图像位置的占位符的一部分。要删除它,您应该设置图像的“src”属性,而不是将其与CSS一起应用,或者创建一个不同的元素,例如span。

您的代码不会重现该问题。