1、原因：表單自動(dòng)填充元素在chrome下會(huì)有一個(gè)默認(rèn)樣式?（如下）稼钩，并且優(yōu)先級(jí)最高顾稀，無法覆蓋（!important也無法覆蓋）。
input:-webkit-autofill { ? ? background-color: rgb(250, 255, 189); ? ? background-image: none; ? ? color: rgb(0, 0, 0); }
2坝撑、解決方法一：<1>沒有背景圖片的元素
input:-webkit-autofill {
? -webkit-box-shadow: 0 0 0px 1000px white inset;
? -webkit-text-fill-color: #333;
}
<2>有背景圖片的元素--把背景圖片拿出來静秆，獨(dú)立成為一個(gè)標(biāo)簽如<label></label>等。
3巡李、解決方法二：關(guān)閉瀏覽器自帶填充表單功能
<!-- 對(duì)整個(gè)表單設(shè)置 -->
<form autocomplete="off" method=".." action="..">
<!-- 或?qū)我辉卦O(shè)置 -->
<input type="text" name="textboxname" autocomplete="off">
4抚笔、注：除了chrome默認(rèn)定義的background-color，background-image侨拦，color不能用?!important?提升其優(yōu)先級(jí)以外殊橙，其他的屬性均可使用!important提升其優(yōu)先級(jí)。
