img标签周围的灰色striked轮廓框

时间:2011-05-20 03:55:15

标签: html css

我在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标签在点击时会在它们周围形成灰色的轮廓。

1 个答案:

答案 0 :(得分:1)

只需添加此

a
 {
  outline: none;
 }