ホームページ >ウェブフロントエンド >CSSチュートリアル >Google Chrome のフォーム自動入力から黄色のハイライトを削除するにはどうすればよいですか?

Google Chrome のフォーム自動入力から黄色のハイライトを削除するにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-14 14:04:12583ブラウズ

How Can I Remove the Yellow Highlight from Google Chrome's Form Autofill?

Google Chrome のフォーム自動入力の背景: 黄色のハイライトの解決策

Google Chrome のフォーム自動入力機能は、ログイン情報をすばやく入力するための便利なツールですおよびパスワードフィールド。ただし、一部のユーザーは、自動入力された背景が黄色になるという美的問題に遭遇しました。これは、特に特定の配色のフォームの場合、気が散る可能性があります。

この問題を解決するには、自動入力要素の CSS スタイルを変更することができます。具体的には、「-webkit-box-shadow」プロパティを変更して背景色を変更できます。

黄色の背景を削除するには、CSS に次のコードを追加します。

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

「白」を希望の色に置き換えます。このコードは、大きな白い差し込みシャドウを設定し、黄色の背景を効果的にカバーします。

このスタイルを適用すると、自動入力フィールドの背景が黄色ではなくなり、フォームの外観がより美しくなります。

以上がGoogle Chrome のフォーム自動入力から黄色のハイライトを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。