如何删除IE9中链接周围的蓝色边框?

时间:2012-04-23 17:05:24

标签: css internet-explorer

我正在使用此网站:http://amberdreams.com

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

尽管我付出了最大努力,但在使用Internet Explorer 9查看时,我无法删除此网站主页上的facebook和twitter链接周围的蓝色边框。

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

我尝试过以上代码的变体,并成功删除除了9之外的每个IE版本的蓝色边框。任何想法?

8 个答案:

答案 0 :(得分:26)

在你的CSS中尝试这个,为我工作。

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

答案 1 :(得分:3)

我认为应该没问题。

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

如果没有,请尝试:

a{border:none}

答案 2 :(得分:3)

请在您的css中尝试以下操作:

border-style:none;

那应该删除你的边界问题。

答案 3 :(得分:1)

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

似乎您的视频对象未在IE中加载。

答案 4 :(得分:1)

以下是great post on removing outline,其中有关于IE9的单独评论:

  

George Langley写道,IE 9显然不允许你删除链接周围的虚线轮廓,除非你包含这个元标记:

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

答案 5 :(得分:1)

//添加到您的CSS

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

//添加到您的HTML

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

答案 6 :(得分:0)

在我的情况下,工作代码(由mailchimp生成并添加了'a'规则)是:

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

所以它是其他答案的假设

答案 7 :(得分:-2)

最好的方法是添加CSS属性

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

如果要在悬停鼠标时更改颜色,请添加

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