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

Answer 2

将border ="0"属性添加到img标记

Answer 3

关于Internet Explorer的小问题和锚标记周围的灰色框 - 这是大纲.要隐藏大纲框,您可以使用以下CSS:

a img{outline:none;}