html - 将 img 标签放在 href 标签内会导致在 IE 中图像周围出现边框

Question

我有一些 HTML，我在 href 标签内有 img 标签用作按钮。一切正常，除了当我在 IE 中打开它时，我在 img 标签周围有一个边框。

这是一些代码:

<a href="javascript:changecolor(1)" title="Click Again to Change Color" style="cursor:pointer; text-decoration:none"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(2)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(3)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(4)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(7)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a>
<a href="javascript:changecolor(6)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px; text-decoration:none" /></a>

如何去除只有在 IE 中出现的蓝色边框？

Answer 1

简单的修复，在你的样式表中创建一个类似这样的样式:

a img{
border:0;
}

在您的情况下，您可以更新样式以包含 HTML 中的一些内联样式。例如，您的样式表将更新为:

a{
cursor:pointer;
text-decoration:none
}

a img{
margin-top:600px;
}