css - Internet Explorer 9 中图像映射周围的蓝色边框

Question

我遇到了以下问题 - 我在网站上使用图像 map 。在 Internet Explorer 9(IE8 可以)中，当我点击链接(区域标签)时，它周围出现了一个蓝色边框。如何摆脱它？我试过:

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

但这并没有帮助。有人有这个问题吗？请看本站-http://www.naturalnie.test.dih.pl/ .图片 map 位于 Logo 下方，其中链接显示:“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; }

Answer 1

为什么不只是

a,img { border: none; }