消除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"

转载于:https://www.cnblogs.com/wh35/p/9869867.html