我在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标签在点击时会在它们周围形成灰色的轮廓。
答案 0 :(得分:1)
只需添加此
a
{
outline: none;
}