How remove border around image in css?

Question

I try to display a span when the cursor of the mouse is on a help icon.

It works, but nevertheless, I don\'t manage to remove the border around the icon.

My

Answer 1

maybe add border:none to under a.info:hover span or text-decoration:none

Answer 2

I usually use this on the top of css file.

img {
   border: none;
}

Answer 3

Another thing - remember that if you have an with an empty src attribute, then none of these suggestions will work, a border will still get shown.

<img src="" style="width:30px;height:30px;">

Answer 4

it's a good idea to use a reset CSS. add this at the top of your CSS file

img, a {border:none, outline: none;}

hope this helps

Answer 5

Here's how I got rid of mine:

.main .row .thumbnail {
    display: inline-block;
    border: 0px;
    background-color: transparent;
}

Answer 6

<img id="instapic01" class="samples" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"/>