input选择历史输入后样式改变
2019-06-18 本文已影响0人
KevinLee0424
最近做了一个PC端的项目,在登录页面,有输入框,当选择历史输入后input框会出现一个灰白色的背景色!
微信图片_20190618112125.png 微信图片_20190618112510.png
解决方法有两种:
一、设置CSS样式:
input::-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
box-shadow: 0 0 0px 1000px white inset !important;
}
二、解决方法二:
禁用选择输入历史
为input设置autocomplete=“off”
<input type="text" class="for" id="name" autocomplete="off" placeholder="email/Mobile" />
当input过多时,可以设置js
$(function () {
$(“input”).attr(‘autocomplete’, ‘off’);
});
本文参考:https://blog.csdn.net/weixin_43902689/article/details/86590282