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

上一篇下一篇

猜你喜欢

热点阅读