css - 在Chrome中删除 Sprite 图片周围的边框

第一次使用这种技术时，似乎无论我尝试分配边框的哪些属性在Chrome中都不会消失。其他浏览器也可以。我试过outline:none，border:0;等等。还尝试在图像周围添加彩色边框，并注意到黑色边框仍在彩色边框内。似乎不想离开。

解决方法或建议，不胜感激。

.share-link {
display: block;
width: 41px;
height: 32px;
text-decoration: none;
background: url("link-icon.png");
}

.share-link:hover {
background-position: -41px 0;
}


<a title="Share this Link" href="#"><img class="share-link"></a>

最佳答案

这是因为您正在使用没有img属性的src标记。 Chrome本质上是在指示没有任何内容的容器的大小。

如果您不想在 anchor 标记之间放置图像，则不要使用图像标记。标记之间不必放置任何内容。

Demo here.