如何在html中删除图像周围的边框

Question

我正在使用以下CSS显示img元素。

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

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

Answer 1

尝试border:none或outline:none？

Answer 2

它也可以这样做

border-style:none;

Answer 3

尝试以下方法：

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

涵盖所有可能性。