美文网首页
input选择历史输入后样式改变

input选择历史输入后样式改变

作者: KevinLee0424 | 来源:发表于2019-06-18 11:37 被阅读0次

    最近做了一个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

    相关文章

      网友评论

          本文标题:input选择历史输入后样式改变

          本文链接:https://www.haomeiwen.com/subject/hdwxqctx.html