消除input框历史纪录的黄色背景样式

给 input 样式添加阴影覆盖掉原来的淡黄色就可以了

如：box-shadow: 0 0 0px 1000px #fff inset;

WebKit内核 -webkit-box-shadow: 0 0 0px 1000px #fff inset;
Gecko内核 -moz-box-shadow: 0 0 0px 1000px #fff inset;
Trident内核 -ms-box-shadow: 0 0 0px 1000px #fff inset;
Presto内核 -o-box-shadow: 0 0 0px 1000px #fff inset;

自己可以根据个浏览器添加前缀。

需要注意的是，如果想在 input 框里添加背景图片的话，会显示不出来，因为会被内阴影给遮盖住。

input:-webkit-autofill {
color: #ffffff!important;
-webkit-text-fill-color: #ffffff;
box-shadow: 0 0 0 1000px red inset;
}

input:autofill {
color: #ffffff!important;
-webkit-text-fill-color: #ffffff;
box-shadow: 0 0 0 1000px red inset;
}

• 也可以禁止 input 框的历史纪录显示：在 input 标签中加上属性 autocomplete = “off”