如何去除IE9中链接周围的蓝色边框？答案

【问题标题】：how to remove blue border around links in IE9?如何去除IE9中链接周围的蓝色边框？
【发布时间】：2012-04-23 17:05:24
【问题描述】：

这是一个非常简单的网站，我一直在使用 netrenderer.com 来确保所有页面都可以在 Internet Explorer 中运行。

尽管我尽了最大的努力，但在使用 Internet Explorer 9 查看该网站时，我还是无法移除该网站主页上 facebook 和 twitter 链接周围的蓝色边框。

img {border: none; }
a img {border: 0px; }

我已经尝试了上面代码的变体，它成功地移除了除 9 之外的每个版本的 IE 的蓝色边框。有什么想法吗？

【问题讨论】：

【解决方案1】：

在你的 CSS 中试试这个，对我有用。

img {text-decoration: none; border: 0px}

【讨论】：

【解决方案2】：

在您的 css 中尝试以下操作：

border-style:none;

这应该可以解决您的边界问题。

【讨论】：

【解决方案3】：

我觉得应该没问题。

您可能想清除缓存并重试...

如果不行可以试试：

a{border:none}

【讨论】：

【解决方案4】：

链接边框的可见性取决于 IE 中的用户设置。设置A {text-decoration: none; border: 0px}。

看来，您的视频对象未在 IE 中加载。

【讨论】：

【解决方案5】：

这里是great post on removing outline，另外附上关于 IE9 的备注：

George Langley 写信说 IE 9 显然不允许您删除链接周围的虚线轮廓，除非您包含此元标记：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

【讨论】：

【解决方案6】：

//添加到你的CSS

* {-ms-box-sizing:border-box;}
img {outline-style: none;}

//添加到您的 HTML

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>

【讨论】：

【解决方案7】：

在我的情况下，工作代码（由 mailchimp 生成并为“a”添加规则）是：

img,a img,a{
    border:0;
    height:auto;
    outline:none;
    text-decoration:none;
}

所以这是对其他答案的假设

【讨论】：

【解决方案8】：

最好的方法是添加一个 CSS 属性

a:link, a:visited { text-decoration: none}

如果你想在鼠标悬停时改变颜色，添加

a:hover {color: x } // x = the color of your choice

【讨论】：