單擊此按鈕時如何從按鈕中刪除輪廓邊框？

Question

我正在制作一個 HTML5 游戲，我有一個重置按鈕。 每當單擊按鈕時，下次按下按鈕時，它的外部都會出現黑色輪廓。 有沒有我可以用來防止這種情況的屬性或東西？

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

這就是我用於我的按鈕的東西。 我不知道它是 HTML 還是 CSS 中的東西。 我嘗試進入 CSS 並添加user-select: none; 但我認為這是單選按鈕

Answer 1

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

Answer 2

必須是大綱，設置大綱：無； 它應該可以解決您的問題。

Answer 3

我想我明白你的要求； 可能在這里重復

以下方法適用於您的情況：

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

使用以下樣式（請記住，當我們考慮到可訪問性時，不建議使用此樣式）：

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

請參閱此處的答案； 下次盡量詳細說明你的問題，最好的問候； 再見