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;
}