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

Question

10

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

尽管我已经尽最大努力，但我仍然无法在使用Internet Explorer 9浏览时删除主页上Facebook和Twitter链接周围的蓝色边框。

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

我已经尝试了上面代码的各种变化，它能够成功地去掉IE的每个版本中的蓝色边框，除了IE 9。有什么想法吗？

- user1341808

IE9/8/7中没有边框。 - bobek

它也可能是一个插件，例如Skype会检测页面中的电话号码并将其转换为链接。 - Rodolfo

8个回答

3

我认为应该没问题。

您可能需要清除缓存并重试...

如果还不行，可以尝试：

a{border:none}

- user1270235

3

请尝试在您的CSS中使用以下内容：

border-style:none;

那应该解决你的边框问题。

- tajhamille

1

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

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

- Teemu

1

这里有一篇关于去除轮廓线的好文章，其中还特别提到了IE9：

George Langley写信说，如果不包含这个meta标签，IE9显然不允许您去除链接周围的虚线轮廓线：

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

- Yuri Kovzel

1

//添加到你的CSS中

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

//添加到你的HTML代码中

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

- Silverman

0

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

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

所以这是其他答案的假设

- NoWomenNoCry

-2

最好的方法是添加CSS属性。

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

如果你想在鼠标悬停时改变颜色，可以添加以下代码：

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

- Silverman

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andy · Accepted Answer

在您的CSS中尝试这个，对我有效。

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