26

html と css のみを使用して、アクティブな入力フィールドの周囲の青色 (Firefox の場合) のハイライト色を無効にするにはどうすればよいですか? 使用してみましinput {outline:none;}たが、成功しませんでした。助けてくれてありがとう！=)

わかりました。アウトラインに関する前のコードを無視して、変更するプロパティを間違って選択しました。私が取得しようとしているのは、スタイリングを変更または無効にすることなく、アクティブなフォーム入力フィールドの周りの強調表示 (ブラウザーに関係なく、表示される太字と色付きの境界線) を単純に削除することです。ありがとう =)

4

9 に答える 9

28

:focus 宣言を使用する必要があります。この場合：

input:focus {outline:none;}

プロジェクト内のすべての入力には、青い境界線がありません。

特定の属性が必要な場合は、これを使用します。

input[type=text]:focus {outline:none;}

それが役に立てば幸い。=)

于 2014-07-17T13:53:11.180 に答える
17

このフィドルを参照してください。

動作させるには、いくつかの境界プロパティを設定する必要があるようですoutline: none。borderディレクティブでコメントすると、アウトラインが消えます。

于 2013-03-16T19:17:08.277 に答える
10 
input {border:0; outline:none;}

すべての境界線/アウトラインを削除する必要があります。

于 2013-03-16T19:20:10.783 に答える
8

答えは、私が信頼したよりも簡単です。

box-shadow:none;
于 2013-09-26T21:22:22.323 に答える
2

編集：私の解決策は複雑でした。次のように簡単です。

input:focus {
  outline: none;
}

:focus 状態をターゲットにする必要があります。

于 2016-06-29T14:40:44.790 に答える
0

ハイライトを削除するには、次のルールを入力フィールドに追加してみてください。

-moz-appearance:none;

これは、それぞれのプレフィックスを使用してWebKitベースのブラウザーでも実行できます。

-webkit-appearance:none;

これにより、1つのCSSプロパティを使用して、境界線やアウトラインなどを処理する必要があります。WebKitペアとFirefox以外のブラウザー（OperaとIE）の場合は、ブラウザーの相互互換性を確保するためにborder、プロパティも含めることをお勧めします。outline

于 2013-03-16T19:19:09.773 に答える
-1

これは、Firefox のほとんどの入力タイプで機能するはずです。

input::-moz-focus-inner { border: 0; }
于 2014-09-23T16:00:45.160 に答える