IE 中的图像超链接和大纲。我根本不想删除大纲

Question

我有图片和文字的超链接。我做了更强的标准焦点。我不想要大纲，当我点击超链接时，我使用a:active { outline : none }。当我单击超链接上的一些文本时，一切都很好，不幸的是，当我单击图像时，我有轮廓。当我单击超链接处的图像时，a:active { outline : none } 似乎不起作用。这个问题我只有IE。 Firefox、Chrome 和 Opera 都可以。有没有什么办法解决这一问题？如有任何帮助，我们将不胜感激。

这是我的示例代码：

<style type="text/css">
a:focus { 
    outline : 3px solid black;
}
a:active { 
    outline : none;
}
</style>
<a href="index.html" title="Hyperlink"><img src="image.jpg" alt=" " width="160" height="160" /> Some text </a>

Answer 1

您可以通过简单地重置a 元素内的任何img 元素的轮廓来重置它。默认情况下，IE 还会在 a 元素内的图像周围应用边框，您可能也不希望这样做：

a img {
    border: none;
    outline: none;
}