Search code examples
htmlcss

How remove border around image in css?

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 CSS :

.info{
    position:absolute;
    border:none;
}

a.info{
    position:absolute; 
    z-index:24; 
    background:none;
    color:#000;
    text-decoration:none
}

a.info:hover{
    z-index:25; 
    background-color:#FFF;
    cursor:help;
}

a.info span{
    display: none
}

a.info:hover span{ 
    display:block; 
    position:absolute;
    cursor:help;
    bottom:0px; 
    left:26px; 
    width:150px;
    padding:4px;
}

cd

Solution

  • Try this:

    img{border:0;}

    You can also limitate the scope and only remove border on some images by doing so:

    .myClass img{border:0;}

    More information about the border css property can by found here.

    Edit: Changed border from 0px to 0. As explained in comments, px is redundant for a unit of 0.