如何删除html中图像的边框

-1

.display-icon{ 
height: 16px; 
width: 16px; 
display:inline-block; 
border:hidden; 
background-repeat: no-repeat; 
}

在Internet Explorer中，它工作正常，但在Chrome中，图像周围有边框。有什么办法可以删除它吗？不幸的是，我不能在img元素中使用src属性作为公司要求的一部分。

2015-11-04 Massey

是否边框：无;这是我用过的工作。 – DivineChef

'border：hidden'是一个错误。尝试使用'border：none'或'border：0'。另外，我很好奇你的意思是“我不能在img元素中使用src属性”。 –

请发送完整的示例代码。该类的普通图像没有边框。您的图片是否在链接中？ – j08691

尝试border:none或outline:none？

2015-11-04 21:15:53 nickpish

我尝试了两个。仍然发生在Chrome中。 – Massey

它也可以像这样

border-style:none;

2015-11-04 21:22:07 repzero

我也试过。 Chrome仍然存在问题！ – Massey

问题仍然存在，因为您的img标签没有src属性。 – rogelio

你可以发布你的HTML代码，你正在造型 – repzero

进行尝试以下操作：

img.display-icon, 
a img.display-icon { 
border: none; 
}

覆盖所有的可能性。

2015-11-04 21:25:11 Rounin

回答