ホームページ > ウェブフロントエンド > CSSチュートリアル > Google Chrome の自動入力の黄色の背景をカスタマイズまたは無効にするにはどうすればよいですか?

Google Chrome の自動入力の黄色の背景をカスタマイズまたは無効にするにはどうすればよいですか?

Linda Hamilton
リリース: 2024-12-14 04:53:11
オリジナル
802 人が閲覧しました

How Can I Customize or Disable Google Chrome's Autofill Yellow Background?

Google Chrome のフォーム自動入力で色の問題を解決する

背景:

Google Chrome のフォーム自動入力機能は、次のようにユーザー エクスペリエンスを向上させます。フォームフィールドに保存された情報を事前に入力します。ただし、ブラウザがログイン資格情報を呼び出すと、事前に入力されたフィールドの後ろに見苦しい黄色の背景が表示されることがあります。

解決策:

黄色の背景を削除するか、フォームを無効にするには自動入力の場合は、次の手順に従ってください:

自動入力の背景のカスタマイズ色:

自動入力機能を保持しながら背景色を変更したい場合は、CSS を使用して任意の色を適用できます:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
ログイン後にコピー

自動入力の無効化:

フォームの自動入力を完全に無効にするには、Chrome の設定:

  1. 右上隅にある Chrome メニュー アイコン (縦に 3 つの点) をクリックします。
  2. [設定] を選択します。
  3. 下にスクロールして、 [詳細設定] をクリックして展開します。
  4. [自動入力] で、[Web フォームの自動入力] 設定を次のように切り替えます。 「オフ。」

注:

  • CSS アプローチを使用すると、機能に影響を与えることなく自動入力の背景色をカスタマイズできます。
  • Chrome 設定では、自動入力を完全に無効にすることで、より包括的なソリューションが提供されます。
  • CSS スニペット (「白」) はお好みの色に変更できます。

以上がGoogle Chrome の自動入力の黄色の背景をカスタマイズまたは無効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート