javascript - 在谷歌浏览器中点击图片后，如何去除图片周围出现的边框？

Question

实际上，我正在使用插件 SpryTabs 来导航菜单。我使用了两个背景图像来激活和停用选项卡。我正在悬停时激活一个选项卡。表示该选项卡会突出显示并在单击其他选项卡时停用所选选项卡。

到这里一切都很好。但真正的问题是当用户在悬停后单击选项卡时，图像周围会显示边框。

这不会发生在 Firefox 中，它只会发生在 Chrome 和 IE 中。

Answer 1

您可以在特定元素的CSS中添加如下代码

textarea:focus, input:focus{
    outline: none;
}

对于页面上的所有元素，请在您的 CSS 中使用此通用代码

*:focus {
    outline: none;
}

当图像和输入框周围出现橙色边框时，这对我有用。