Internet Explorer 9中图像地图周围的蓝色边框

Question

我遇到了以下问题 - 我在网站上使用图像映射。在 Internet Explorer 9 中（IE8 没有问题），当我单击链接（area 标签）时，它周围会出现蓝色边框。如何去掉它？ 我尝试过：

map, map area {
border:none !important;
}
img, a img, a:link img, a:visited img {
border:none !important;
}

但这并没有帮助。有人遇到过这个问题吗？请查看网站 - http://www.naturalnie.test.dih.pl/。图像映射在标志下方，链接上写着：“Home，Kosmetyki，Lekarstwa，Żywność i suplementy，O Naturalnie.net”。

编辑：

我找到了解决方案。以下代码可行：

a, img {outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }

- Irminsul

---

可能是如何在IE9中删除链接周围的蓝色边框？的重复问题。 - Darth Plagueis

Answer 1

为什么不直接呢？

a,img { border: none; }

- Andrew Briggs

---

天啊，我忘记加上“a”了。然而，它仍然不起作用。 - Irminsul

Answer 2

这对我有用。

:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}

- Raymond

Answer 3

我不是很确定，但尝试在html中设置 <img border="0" />

- Edu Ruiz

---

嗯，我已经尝试过 <area border="0"> 了 - 但不幸的是，它没有起作用。 - Irminsul

Answer 4

由于您说边框是在单击链接后出现的，这对我来说听起来像是“焦点”边框。

尝试使用 a:focus {border:0 none;}

- HMartch

Answer 5

这个解决方案会导致既作为链接又作为内容的图片与边框发生冲突。但是，如果您的图像链接没有现有的边框，则应该可以消除IE中的轮廓而不影响其他任何内容：

a img {border: none; }

只需将它添加到您的主CSS样式表中...它完美地解决了我的问题。

- Dan