如何删除IE中链接的边框？

Question

我有一个导航栏，其中包含各自<img>元素中的<a>个元素。然而，由于某种原因，在IE中它在图像周围形成了深黑色边框。它在其他浏览器中没有做同样的事情，我似乎无法弄明白......这是我正在使用的HTML。

<li>
   <a href="#">
      <span id="nav1">
         <img src="tt_1.png" />
      </span>
   </a>
</li>

我有大约5个链接都是这样写的，我用CSS将它设计成导航栏。在其他浏览器上，它会像

一样出现

但是在IE上它就像这个

我之前从未遇到过这样的问题，到目前为止我试图修复它的问题还没有成功。有没有办法用CSS取出这些边框？

Answer 1

<强> TL; DR

从所有链接和图片中删除边框：

a, img {
    border:none;
    outline:none;
}

<小时/> 完整版

如果您只想从链接图像中删除边框，则应执行以下操作：

a img {
    border:none;
    outline:none;
}

唯一的区别是a和img之间没有逗号，这意味着a - 标记内的图片只会应用此规则

专业提示：使用css重置

像这样的浏览器不一致很多，因此Web开发人员经常使用“css reset”，即https://necolas.github.io/normalize.css/或http://meyerweb.com/eric/tools/css/reset/。这将（以及其他漂亮的东西）重置许多元素上的边框，边距等内容，以便它们在浏览器中更加一致。

Answer 2

我相信IE会为链接图像添加边框。所以你应该能够通过说：

来删除它

a img {
    border: 0;
}

Answer 3

将style="border: none;"添加到创建边框的任何内容中，或使用此属性创建css。