从图像锚IE中删除蓝色轮廓/边框

Question

首先，我甚至都不知道这是什么。 我试过了text-decoration: none，border: none，outline: 0，似乎什么都没有用？ 我的CSS文件工作正常，所以不是吗？

这是一张图片： http://i38.tinypic.com/rbgv3k.jpg

<div id="links">
  <span id="user"><a id="link" href="register.php"><img src="images/user.png"/></a></span>
  <span id="follow"><a id="link" href="https://twitter.com/itsybitsycom"><img src="images/follow.png"/></a></span>
  <span id="about"><a id="link" href="about.html"><img src="images/about.png"/></a></span>
  <span id="stats"><a id="link" href="profile.php"><img src="images/stats.png"/></a></span>
</div>

CSS

#link {
  text-decoration:none;
  border:0;
  outline:none;
}

Answer 1

尝试在CSS中添加以下内容

img{ border:0 }

Answer 2

如果它们是锚点的子节点，IE会在图像周围添加边框。您可以通过将边框设置为无来删除它：

a img {
      border: none;
}

Answer 3

a{
    outline: none !important;
 }

为我工作。

Answer 4

您需要将CSS添加到图像，而不是链接。而不是#link，您需要使用#link img作为选择器。

然后border:none;应该适合你。

#link img {
    border: none;
}

Answer 5

#link img a
 {
 border:0;
 outline:none;
 }

Answer 6

您应该可以使用此CSS：

border-style: none;