Google Chromeは自動的に充填変色の問題を解決します

免責事項：この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。

このリンク： https://blog.csdn.net/suo082407128/article/details/97662262

方法A：色を削除

input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
   -webkit-transition-delay: 9999s; 
   -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

私は持っていました

input:-webkit-autofill{
   -webkit-transition-delay: 9999s;
   -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

設定された遅延歪みや変形プロセスが非常に長いので、それがページ上に固定されている場合に表示される背景色は、長いプロセスであるとして理解することは、それが最終的に表示されます

方法2：自分の色を設定します。

input:-webkit-autofill{
    box-shadow: 0 0 0px 1000px #000 inset !important;
    -webkit-text-fill-color: #fff !important;   //字体颜色
}

はい、あなたはその権利を読んで、ボックスの影は、背景が無効です

 

報酬への容易な、おかげで仕上げ~~~~~