CSSはデフォルトの青い境界線を削除します

Question

複数のボタンを持つフォームがあり、JavaScriptを使用して2番目のボタンを押したときに2番目のボタンを押します。

これはうまく機能しますが、このフォームをIEで開くと、最初のボタンはユーザーに「これはEnterを押すと押されるボタンです」という青い境界線が表示されます。

ボタンの残りのスタイルをオーバーライドせずにCSSでそれを削除する方法はありますか？

例：

<button  onclick="javascript:alert('remove');">Remove name</button>

Answer 1

これは、ボーダーで動作するはずです（PCでIE10のみをテスト済み）：

button { outline: 0; }

背景（WebKit/Blinkで必要）を削除しますか？

追加：

background: none;

境界線を取り除く必要があります（IE10の背景も削除します）：

border: 0;

Answer 2

このコードを使用してください：

button { border:0;}

Answer 3

私の解決策（数ヶ月後）

button:focus {
outline: 0;
box-shadow: none;
}

Answer 4

これはあなたを助けるかもしれません。次のCSSプロパティを使用します。

input, 
input:active, 
input:focus {     
    outline: 0;     
    outline-style: none;     
    outline-width: 0; 
}

Answer 5

このコードを使用してください：

button {
    border : 0px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
     border-radius:7px;
}

Answer 6

#sideToggle:focus, #sideToggle:active{
  outline: 0;     
  outline-style:none;     
  outline-width:0;
}

誰か他の人がこの投稿を訪れた場合、これで私の問題は解決しました。問題の中心ではないため、独自のスタイルを個別に追加しました。