Javascript 删除Chrome中图像的蓝色边框

我在网上到处搜索，尝试了所有张贴的补救措施，但都没有结果；无论如何，大多数答案都不符合我的情况

代码：

<form method = "post" action = "index.php">
    <input type = image alt = Submit alt = "" id = "zy" src = "Images/Button_Close_1.png" onmouseover = "this.style.cursor = 'hand';
     SetImage('zy','Images/Button_Close_2.png');
     return false;"  onmouseout = "SetImage('zy','Images/Button_Close_1.png');
     return false;" border = "0" height = "37" width = "183" />
</form>

SetImage

是一个javascript函数，它获取第一个图像并替换为第二个图像，为您提供一个自定义的“悬停”按钮

使用CSS可能有一种更简单的方法，但我已经使用这段代码一段时间了

问题： 在最新版本的Chrome中（谢谢你，谷歌），当你点击这些图片时，它们周围都有一个难看的蓝色边框。我似乎无法摆脱它

我需要我的表单自定义图像，但我真的想摆脱这一行。有什么想法吗？

正如NKL所建议的：

在CSS中尝试

outline:none

例如：

image{
    outline:none;
}

---

蓝色边框可能看起来很难看，但在页面上，它仍然有助于选项卡导航，并为残疾人提供更好的方向。

要从所有输入、按钮和图像中删除它，请执行以下操作：

input:focus, textarea:focus, select:focus, button:focus, img:focus {
    outline: none;
}

---

此线程中的两个解决方案与可访问性最佳实践相冲突

这里有一些很好的建议：

---

TL；DR：提纲旨在显示键盘焦点，某种形式的视觉指示器应始终在那里。

答案的可能副本应作为注释。你确实发布了一个外部链接。这一点也不鼓励。请参阅SO上的“如何回答”。很抱歉，这是我第一次尝试对SO做出贡献，并在第一次回复中看到了链接。我觉得为我的回答提供背景有助于为我的回答提供背景。具有讽刺意味的是，我可以使用“如何回答”的链接，你应该使用“如何回答”链接来回答你的答案。如果你想为你的答案提供一个上下文，你应该努力在这里放一些文本。上下文可以是文件或引文的摘录。不管怎样，这个网站都能支持这种格式。什么是“如何回答”链接？