从图像锚 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 img 作为选择器，而不是#link。

那么border:none; 应该适合你。

#link img {
    border: none;
}

Answer 5

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

Answer 6

你应该可以用这个 CSS 做到这一点：

border-style: none;