给 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”