html - img 标签周围的灰色轮廓框

Question

我在 hrefs 中有几个 img 标签，我将它们用作按钮，出于某种原因，在 IE 中，当我单击 img 时，它会在标签周围创建一个灰色框，但这只发生在 IE 中。关于如何删除它的任何想法？

这是代码。

<div style="padding-left:115px; text-decoration:none">
<a href="javascript:changecolor(1)" 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(2)" title="Click Again to Change Color" style="cursor:pointer; margin-top:600px"><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; margin-top:600px"><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; margin-top:600px"><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; margin-top:600px"><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; margin-top:600px"><img src="button.png" width="25" height="25" /></a>
</div>

这些是 img 标签，当点击时，它们周围会出现一个灰色的轮廓线。

Answer 1

只需添加这个

a
 {
  outline: none;
 }