Chromeオートフィルで入力背景を削除しました

Question

一部のログイン/リセットパスワード/パスワード確認フォームで作業していますが、入力フィールドで背景画像を削除しないようにするには自動入力が必要です。私はこのコードを使って背景を透明にしましたが、現在の画像を保存する方法はありますか？

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
transition: background-color 5000s ease-in-out 0s; 
-webkit-text-fill-color: #fff !important; 
} 

私の入力フィールド：事前に

input { 
width: 425px; 
height: 40px; 
margin-bottom: 30px; 
line-height: 40px; 
border: 0; 
border-bottom: 1px solid #393939; 
outline: none; 
color: #fff; 

&.ng-invalid.ng-dirty.ng-touched, 
&.ng-invalid.ng-touched{ 
border-bottom: 1px solid red; 
} 
&.password{ 
background: url('../../assets/img/password.png') no-repeat; 
} 
&.email{ 
background: url('../../assets/img/mail.png') no-repeat; 
} 
} 

感謝。

Answer 1

私が原因評判の欠如にコメントカントので、私は答えを投稿：

私はそれが動作するはずだと思う： （あなたはいけないこと、黄色がかった背景を変更するbackground-colorを使用する必要があるあなたがbox-shadowであることを行うことができます。）

-webkit-text-fill-color: green !important; 

をそれとも、オートフィルをしたくない場合は：

input:-webkit-autofill { 
    -webkit-box-shadow: 0 0 0px 1000px #fff inset; 
    -moz-box-shadow: 0 0 0 100px #fff inset; 
    box-shadow: 0 0 0 100px #fff inset; 
    /* change the white to any color */ 
} 

は、テキストの色を変更するには使用あなたのHTMLでこれを設定することができます：

<form autocomplete="off">...</form>