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

将img标记放在href标记内会导致IE中的图像边框

3 个答案: