想要从我的背景图片中删除默认边框

Question

如何将这个丑陋的1px black border远离此背景图像？

我在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，所以请避免发布那样做的解决方案。

发生了什么事？为什么有一个神秘的边框没有显示在开发工具中，无法删除？

Answer 1

你试过吗

border: none;

在div上？

这是有边界的div。图像只是div的背景，所以你把它拿走div上的边框就会保留下来。我假设div有一些其他css的边界（可能是拇指按钮？）。在这种情况下，您需要放置！important或更改其他类。

Answer 2

好的，我解决了它

空标签默认此边框。

只需将img标记更改为div就可以解决问题。

Answer 3

.thumbsUpSelected 
{
border: none;
}