How to remove border around an image in html

Question

I am displaying img elements using the following CSS.

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

In Internet Explorer, it works fine, but in Chrome, there is a border around the image. Is there any way to remove it? Unfortunately I could not use the src attribute in the img element as part of the company requirement.

Answer 1

尝试border:none或outline:none ？

Answer 2

也可以这样做

border-style:none;

Answer 3

Try the following:

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

to cover all eventualities.