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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM