即在单击图像时显示边框

Question

我在点击图像时使用jQuery来更改clases。 在chrome＆amp; 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;
}

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