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

我有一个导航栏，它由各自的<a>元素内的<img>元素组成。 但是，由于某种原因，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意味着只有在-tags中的图像才会应用这个规则

专业提示：使用CSS重置

像这样的浏览器不一致是很多，所以web开发人员经常使用“CSS重置”，即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;" 到任何创build边界或创build一个具有此属性的CSS。