入力ボックスに何かが入力されるまで、自動入力の入力ボックスに背景画像が表示されないChromeブラウザ

Question

ログインページに入力フィールドがあります。両方の入力フィールド（ユーザー名とパスワード）は、バックグラウンドでイメージを持っています。しかし、Chromeブラウザは、データが自動入力されるたびに画像を非表示にしています。 しかし、何かを入力したり、バックスペースキーを使用したりするとすぐに画像が表示されます。

私はこれについてStackoverflowで答えを見つけましたが、入力ボックスから動画を外に出すことを提案しました。私はそんなことはできません。 入力ボックスにのみ画像が必要です。 入力ボックスの外側に画像を貼り付けることはできません。 助けていただければ幸いです。

自動入力のクロムブラウザでのみ入力ボックス内に画像を表示するソリューションが必要です。

ありがとうございました。

Answer 1

クロムの自動塗り潰しは、入力時のすべての背景スタイルを上書きします。自動塗り潰しの影響を受けます。

画像をオーバーライドする黄色の自動塗りつぶしの背景については、ほとんど何もできません。

自動入力をオフに設定できます。

- 編集：

あなたは、もちろん、このフォーマットを使用して背景色を変更することができます。

input:-webkit-autofill { 
    -webkit-box-shadow: 0 0 0px 1000px *color* inset; 
}