[解決済み] 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" ...>
関連
-
[CSSチュートリアル】QQtabBarからCSS命名規則BEMの詳細を見る
-
[Div+CSSチュートリアル】divの背景を透明にする設定例
-
[CSSレイアウト例】CSSで中央揃えを実現する方法N種
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] Chromeを使用してASP.NET Web APIがXMLの代わりにJSONを返すようにするにはどうすればよいですか?
-
[解決済み] JavaScriptでテキスト入力フィールドの値を取得するにはどうすればよいですか?
-
[解決済み] Chromeのオートコンプリートで入力の背景色を削除する?
-
[解決済み] ChromeでコードからJavaScriptのブレークポイントを設定する方法は?
-
[解決済み】XKCDコミック「Bobby Tables」のSQLインジェクションはどのように動作するのでしょうか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】CSSアニメーション 途中で止める方法とポーズを維持する方法
-
[CSSチュートリアル]CSSは、2列のレイアウト、固定幅の左側、適応するためのさまざまな方法の右側を達成するために
-
[CSSチュートリアル】検索ボックスの非表示機能を実現するCSS(アニメーションの順送り・逆戻りシーケンス)
-
[CSSチュートリアル】背景-位置の割合の原則の説明
-
[CSSチュートリアル】position:stickyでトップ吸い上げアプレット問題を完璧に解決
-
[css3]css3は、背景画像の色を変更するためのさまざまな方法を実現するために
-
[CSSチュートリアル】CSSで実現するTikTokのテキストジッター効果例
-
[css3]赤いパケットのジッター効果を実現するCSS3
-
[css3]css3によるフレックスレイアウト幅の解決方法が有効でない件
-
[CSSチュートリアル】CSSで実現できるのなら、わざわざJavaScriptを使う必要はない