如何删除CSS中图像周围的边框?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (16)

当鼠标的光标在帮助图标上时,我尝试显示一个span。

它可以工作,但无论如何,我没有设法移除图标周围的边框。

我的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;
}

提问于
用户回答回答于

试试这个:

img{border:0;}

你还可以限制作用域,并且只能通过这样做移除某些图像的边框:

.myClass img{border:0;}

编辑:从0px0,px的单位是多余的。

用户回答回答于

如果你有一个空的src属性,则所有这些建议都不起作用,这是一个边框。

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

扫码关注云+社区