html - テキスト入力に：focus境界線を追加し、デフォルトの境界線を削除します

Question

cssでは、特定のテキストボックスにフォーカスがあるときに、2ピクセルの水色の境界線が必要です。私は次のものを持っています：

form input.text:focus
{
border:2px solid #09F;
}

ものすごく単純。問題は、デフォルトのオレンジ色の境界線が、新しい青い境界線の外側にまだ表示されていることです。どうすればこれを取り除くことができますか？

Answer 1

通常はオレンジではなく青であるため、プロパティに関連するかどうかはわかりませoutlineん（どのブラウザを使用していますか？）。とにかく、単に outline: none;そのルールセットに追加してみてください。