从图像锚IE删除蓝色轮廓/边界(Removing blue outline/border from

要开始了，我甚至不知道这是什么。 我试图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:

也就是说，如果他们是一个锚的孩子增加了图像周围的边框。 您可以通过设置边界没有删除此：

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;

文章来源: Removing blue outline/border from image anchor IE