How To Remove Border Around An Image In Html

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 E

Solution 1:

try border:none or outline:none?

Solution 2:

It can also be done like this

border-style:none;

Solution 3:

Try the following:

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

to cover all eventualities.