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

Question

我如何将这个丑陋的 1px 黑色边框 从背景图片中去掉？？

我取消选中 background: url( ../images/thumbsDownSelected-Red.png); 在 Chrome 网络开发人员工具中，剩下的就是这个丑陋的 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

你试过吗

边框:无；

在 div 上？

是有边框的div。该图像只是 div 的背景，因此您将其移除，div 上的边框将保留。我假设 div 具有来自其他一些 css 的边框(可能是拇指按钮？)。在这种情况下，您需要放置 !important 或更改其他类。