1

重複の可能性:
Chrome でサイトの入力ボックスが黄色くならないようにするにはどうすればよいですか?

解決できない小さなバグに遭遇しました。基本的には次のとおりです。

    input:focus {
        border: 1px solid #38a9f0;
        -webkit-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        -moz-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
    }

ユーザーがボックスを選択したときにボックスのスタイルを設定しますが、クロムにはすでにデフォルトで黄色のフォーカスがあるため、上記に加えて、非常に暗くて醜い緑色に変わります。クロムのデフォルトの色を上書きする方法はありますか?

よろしく、カール

4

2 に答える 2

5

this SO question hereで指摘されているように、次の CSS を使用してアウトラインをオーバーライドできますが、(あなたが言ったように) フォーカスを示すものに置き換えるようにしてください。

input[type="text"], input[type="password"], textarea, select { 
  outline: none;
}

それが必要な場合は、ピースを簡単に使用できoutline: none;ます。これは、潜在的なアウトラインをすべてオーバーライドする方法です。

于 2012-10-29T18:53:00.350 に答える
1

CSSの行末に！importantを入れてみてください。これはデフォルトを上書きする必要があります。例：box-shadow：0px 0px 5px rgba（56、169、240、0.75）！important;

于 2012-10-29T18:50:30.617 に答える