想从我的背景中删除默认边框img

如何将此丑陋1px black border远离此背景图片？想从我的背景中删除默认边框img

我在Chrome网页开发人员工具中取消选中background: url(../images/thumbsDownSelected-Red.png);，剩下的就是这个丑陋的1px纯黑色边框。

.thumbsUpSelected { 
    background: url(../images/thumbsUpSelected-Green.png); 
    background-size: 100% 100%; 
    background-repeat: no-repeat; 
    height: 65px; 
    width: 65px; 
    cursor: pointer; 
} 

<img src="" id="" class=" thumbsUpSelected thumbs-button ">

我试过删除src=""，没有任何改变。

即使告诉img{border:0 !important}什么都不做！

我不想在src =中引用img，所以请避免张贴解决方案。

这是怎么回事？为什么在开发工具中没有出现神话般的边框并且无法删除？

来源

2014-10-08 Ian Steffy

你可以准备一个小提琴或张贴完整的代码/网址。 – 2014-10-08 19:16:22

div上的边界怎么样？ – 2014-10-08 19:17:39

如果不加载背景，难看的1px纯黑色边框会消失吗？ – mauricioSanchez 2014-10-08 19:25:45

你试过

border: none;

在DIV

？

这是具有边界的div。图像只是div的背景，所以你把它拿走，div上的边框将保留。我假设div有一些其他CSS的边界（可能是拇指按钮？）。在这种情况下，你需要把！重要的或改变其他班级。

来源

2014-10-08 19:19:24 JackArbiter

好吧我解决了它

空标记默认这个边界。

只需将img标签更改为div即可解决问题。

来源

2014-10-08 19:28:35

.thumbsUpSelected 
{ 
border: none; 
}

来源

2014-10-09 03:53:00 Heta

想从我的背景中删除默认边框img

回答

相关问题