按下时取消按钮周围的蓝框

时间:2014-02-12 05:19:30

标签: html css styles

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

enter image description here

有什么方法可以阻止这种情况吗?

谢谢你们。 :)

4 个答案:

答案 0 :(得分:3)

已回答(可能很多次,但这是一个例子):https://stackoverflow.com/a/3397158/839847

为方便起见,此处引用:

  

此边框用于表示元素是聚焦的(即可以   输入输入或按Enter按钮。你可以删除它,   虽然:

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

您可能希望为用户添加一些其他方式来了解元素的含义   键盘焦点虽然是可用性。

     

Chrome还会将突出显示应用于其他元素,例如DIV   用作模态。防止突出显示那些和所有其他   元素,你可以这样做:

*:focus {
    outline: 0;
}

答案 1 :(得分:0)

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

a #btnid
{
border:none;
}

答案 2 :(得分:0)

panelMain.setBackground(Color.WHITE);

Button.setBackground(Color.WHITE);

将此添加到您的JFrame继承的类构造函数中将解决此问题。颜色不必为白色,您可以设置任何颜色,只需确保面板和按钮的颜色相同即可。并且请不要太信任我的答案,因为我也是初学者

答案 3 :(得分:0)

为了在 2021 年在 Chrome 中为我工作,我将它添加到我的 Site.css 文件中:

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