jquery - 即单击图像时显示边框

Question

我正在使用 jQuery 在单击图像时在类之间进行更改。在 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;
}

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