按下时摆脱按钮周围的蓝色框答案

【问题标题】：Getting rid of a blue box around button when pressed按下时摆脱按钮周围的蓝色框
【发布时间】：2014-03-10 06:27:48
【问题描述】：

所以，每当我点击我的按钮时，就会发生这种情况：

有什么办法可以防止这种情况发生吗？

谢谢各位。 :)

【问题讨论】：

放一个小提琴链接！所有人都无法访问您的 LAN！

标签： html css styles

【解决方案1】：

已经回答（可能很多次，但这里有一个例子）：https://stackoverflow.com/a/3397158/839847

为方便起见，在此引用：

此边框用于显示元素已聚焦（即您可以输入输入或按 Enter 键）。你可以删除它，不过：
textarea:focus, input:focus{
    outline: 0;
}
您可能想添加一些其他方式让用户知道哪些元素具有键盘焦点虽然是为了可用性。

Chrome 还将突出显示其他元素，例如 DIV 的用作模态。为了防止突出显示那些和所有其他元素，你可以这样做：
*:focus {
    outline: 0;
}

【讨论】：

【解决方案2】：

认为您将按钮保留在 <a> 标记内。如果是这样，请使用此代码

a #btnid
{
border:none;
}

【讨论】：

【解决方案3】：

panelMain.setBackground(Color.WHITE);

Button.setBackground(Color.WHITE);

将此添加到您的 JFrame 继承的类构造函数将解决该问题。颜色不必一定是白色的，你可以设置任何东西，只要确保面板和按钮的颜色相同即可。请不要太相信我的回答，因为我也是初学者

【讨论】：

【解决方案4】：

为了在 2021 年在 Chrome 中为我工作，我将其添加到我的 Site.css 文件中：

.btn,
.btn:focus,
.btn:active,
.btn:hover {
    border: 0 !important;
    outline: 0 !important;
}

【讨论】：