当我点击其他地方的边界消失，我试图使用onfocus: none，但这没有帮助。如何使这个丑陋的按钮边界消失时，我点击它?
输入(type =按钮){ 宽度:120 px; 高度:60 px; margin-left: 35 px; 显示:块; 背景颜色:灰色; 颜色:白色; 边界:没有; ｝ <input type="button" value="Example button" >
当前回答
删除大纲是可访问性的噩梦。使用键盘的人永远不知道他们在敲什么。
最好离开它，因为大多数点击按钮会把你带到某个地方，或者如果你必须删除轮廓，然后把它隔离为一个特定的类名。
.no-outline {
outline: none;
}
然后，您可以在需要时应用该类。
其他回答
这个方法对我很管用
button:focus {
border: none;
outline: none;
}
button:focus{outline:none !important;}
如果在Bootstrap中使用，则重要
在使用键盘时，另一种恢复轮廓的方法是使用:focus-visible。但是，这在IE:https://caniuse.com/?search=focus-visible上不起作用。
删除大纲是可访问性的噩梦。使用键盘的人永远不知道他们在敲什么。
最好离开它，因为大多数点击按钮会把你带到某个地方，或者如果你必须删除轮廓，然后把它隔离为一个特定的类名。
.no-outline {
outline: none;
}
然后，您可以在需要时应用该类。
outline属性就是您所需要的。它是在单个声明中设置以下每个属性的简写:
outline-style outline-width 边框色
你可以使用outline: none;，这是公认答案中的建议。如果你想，你也可以说得更具体:
button {
outline-style: none;
}
