即在单击图像时显示边框

Tom*_*Tom 5 html css jquery

我在点击图像时使用jQuery来更改clases.在chrome&FF中一切都很好,但在ie9(可能也更早)当我点击其中一个图像时出现一些丑陋的灰色边框.

这是html代码:

<a id="PASTWINS" href="improve.php" class="PastWin_Unmarked"></a>
Run Code Online (Sandbox Code Playgroud)

这是风格:

.PastWin_Unmarked{border:0px;display: block;background-image:url('images/tomgui3_08.png');background-repeat:no-repeat;width:206px;height:43px;text-decoration:none;}
Run Code Online (Sandbox Code Playgroud)

这是一个出现丑陋边框的图像:

在此输入图像描述

ale*_*lex 11

你可以用......删除它

a:focus {
   outline: none;
}
Run Code Online (Sandbox Code Playgroud)

但是,请记住,有些人在通过键盘导航时需要将其作为视觉提示.