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

Question

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

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

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

score 31 · Accepted Answer

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

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

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

*:focus {
    outline: none;
}

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

score 5 · Accepted Answer

5

试试outline: none;图片

于 2013-03-01T11:48:10.023 回答

score 3 · Accepted Answer

曾经有同样的问题，以下样式固定问题：

outline: 1px solid transparent;

顺便说一句outline:none，由于某种原因，对 chrome 没有影响

score 2 · Accepted Answer

2

使用outline:none或outline:0

在这里检查类似的

于 2013-03-01T11:49:49.273 回答

4 回答 4