即在单击图像时显示边框

Question

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

这是html代码:

<a id="PASTWINS" href="improve.php" class="PastWin_Unmarked"></a>

这是风格:

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

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

Answer 1

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

a:focus {
   outline: none;
}

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