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

【问题标题】：Want to remove default border from my background img想从我的背景图片中删除默认边框
【发布时间】：2014-10-09 11:53:00
【问题描述】：

如何让这个丑陋的1px black border 远离背景图片？？

我在 Chrome Web 开发者工具中取消选中 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，因此请避免发布这样做的解决方案。

怎么了？？为什么有一个神话般的边框没有出现在开发工具中并且无法删除？？

【问题讨论】：

你可以准备一个小提琴或发布完整的代码/网址。
div 的边框怎么样？
不加载背景，丑陋的1px纯黑边框会消失吗？
我说我在 div 中加载了 img 是个错误。我已经将它加载到一个 img 中，而空的 src="" 是导致这个丑陋边框出现的原因。将其更改为 div 是修复它的原因。为大家点赞。很抱歉造成混乱

标签： html image css

【解决方案1】：

你试过了吗

border: none;

在 div 上？

它是具有边框的 div。图像只是 div 的背景，所以你把它拿走，div 上的边框将保留。我假设 div 具有来自其他 css 的边框（可能是拇指按钮？）。在这种情况下，您需要输入 !important 或更改其他类。

【讨论】：

【解决方案2】：

好的，我解决了

空标签默认此边框。

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

【讨论】：

【解决方案3】：

.thumbsUpSelected 
{
border: none;
}

【讨论】：