1. ホーム
  2. css

[解決済み] Chromeが私のサイトの入力欄を黄色にするのを防ぐにはどうすればよいですか?

2022-04-28 07:03:40

質問

フォーム送信の際、バリデーション後に他のテキストやビジュアルエイドの中で、入力ボックスを赤色に着色して、注意が必要なインタラクティブな領域を示しています。

Chromeでは(Googleツールバーのユーザーは)自動入力機能により、入力フォームが黄色に塗り替えられます。ここで、複雑な問題が発生します。私は、ユーザーのログインを高速化するために、フォームにオートコンプリートを許可したいのです。エラーが発生した場合にオートコンプリート属性をオフにする機能を調べるつもりですが、ページ上の影響を受ける単一の入力に対してプログラム的にオートコンプリートをオフにするのは、コーディングが複雑です。これは、簡単に言うと、大きな頭痛の種になります。

そこで、この問題を回避するために、Chromeが入力ボックスを再カラーリングしないようにする、より簡単な方法はないでしょうか?

[編集] 下記の!importantの提案を試しましたが、効果がありませんでした。Google Toolbarに!important属性が効くかどうかは、まだ確認していません。

私が知る限り、オートコンプリート属性を使用する以外の手段はないようです(これは機能するようです)。

解決するには?

Firefox では autocomplete="off" という属性を使って、オートコンプリート機能を無効にできることは知っています。 もしこれがChromeでも使えるなら(テストしてませんが)、エラーが発生したときにこの属性を設定すればいいのではないでしょうか。

これは、単一の要素

<input type="text" name="name" autocomplete="off">

...また、フォーム全体についても同様です。

<form autocomplete="off" ...>