我如何将这个丑陋的 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,所以请避免发布这样做的解决方案。
这是怎么回事??为什么有一个神话般的边界没有出现在开发工具中并且无法删除??
最佳答案
你试过吗
边框:无;
在 div 上?
是有边框的div。该图像只是 div 的背景,因此您将其移除,div 上的边框将保留。我假设 div 具有来自其他一些 css 的边框(可能是拇指按钮?)。在这种情况下,您需要放置 !important 或更改其他类。
关于html - 想从我的背景图片中删除默认边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26264684/