单击此按钮时如何从按钮中删除轮廓边框？答案

【问题标题】：How to remove the outline border from a button when this one was clicked?单击此按钮时如何从按钮中删除轮廓边框？
【发布时间】：2021-09-24 22:19:02
【问题描述】：

我正在制作一个 HTML5 游戏，我有一个重置按钮。每当单击按钮时，下次按下按钮时，它会在外部周围出现黑色轮廓。有什么属性或什么我可以用来防止这种情况发生吗？

<button id="reset" onclick="reset()">Reset</button>

这就是我的按钮所使用的。我不知道它是在 HTML 还是 CSS 中。我尝试进入 CSS 并添加 user-select: none; 但我认为这是单选按钮

【问题讨论】：

【解决方案1】：

button, button:hover, button:active, button:focus {
  outline: 0;
}

【讨论】：

【解决方案2】：

必须是大纲，设置大纲：无；它应该可以解决您的问题。

【讨论】：

【解决方案3】：

我想我明白你在问什么；可能在here复制了

以下内容适用于您的情况：

<button class="btn" onclick="this.blur();">

使用以下样式（请记住，当我们考虑到可访问性时，不建议使用此样式）：

.btn:focus {
  outline: none;
  box-shadow: none;
}

在here查看答案；下次尝试更好地阐述你的问题，最好的问候；再见

【讨论】：