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

Question

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

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

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

デフォルトのボタンスタイル

例：

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

score 24 · Accepted Answer

これは境界線に対して機能するはずです（PCでテストされたIE10のみ）：

button { outline: 0; }

背景を削除したいですか (WebKit/Blink で必要)?

追加：

background: none;

境界線を取り除く必要があります (IE10 の背景も削除します):

border: 0;

score 12 · Accepted Answer

12

次のコードを使用します。

button { border:0;}

于 2013-05-20T11:40:35.077 に答える

score 6 · Accepted Answer

6

私の解決策（数か月後）

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

于 2014-03-12T14:12:41.353 に答える

score 2 · Accepted Answer

次のコードを使用します。

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

score 2 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

score -1 · Accepted Answer

-1

button{border:none; border-radius:4px; -moz-border-radius:4px;}

于 2013-05-20T12:06:20.833 に答える

score -2 · Accepted Answer

ボタンの外観を作成するには、border-radius を追加するだけです。

-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;

8 に答える 8