在一个href标签内部放置一个img标签会在IE中导致图片周围的边框
我有一些HTML，我有一个href标签内的img标签用作button。 一切工作正常，除了当我打开它在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浏览器的蓝色边框？
简单的修复，在你的样式表中创build一个类似于这样的样式：
a img{ border:0; }
在你的情况下，你可以更新你的样式来包含你在HTML中的一些内联样式。 例如，您的样式表将被更新为：
a{ cursor:pointer; text-decoration:none } a img{ margin-top:600px; }
将border =“0”属性添加到img标签
关于Internet Explorer的小问题以及锚标记周围的灰色框 – 这是概述。 要隐藏大纲框，您可以使用以下CSS：
a img{outline:none;}
