zoukankan      html  css  js  c++  java
  • 一段神奇的代码,解决form表单背景偏黄问题

    一段神奇的代码,解决form表框背景偏黄问题

    最近在做项目时,发现自己做的挺好看的表单,背景变成了黄色,所以这次折腾了好久终于找到了符合我的决绝办法,现在来分享给大家

    一般解决这种input表框偏黄问题有两种情况。

    第一种:没有背景图标的表单

    这种表单解决相对简单,只有几串CSS代码就搞定

    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
        {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; background-color: rgb(0, 0, 0) !important; background-image: none !important; color: rgb(0, 0, 0) !important; -webkit-tap-highlight-color:rgba(0,0,0,0) !important; }

    第二种:有背景图片input表单

    这种方式需要用到JS,这里贴上代码

    总结:其实第二种代码可以解决所有,所以你们可以选择性的使用!

        if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
            $(window).load(function(){
                $('input:-webkit-autofill').each(function(){
                var text = $(this).val();
                var name = $(this).attr('name');
                $(this).after(this.outerHTML).remove();
                $('input[name=' + name + ']').val(text);
                });
            });
        }
  • 相关阅读:
    洛谷 1012 拼数(NOIp1998提高组)
    洛谷 1540 机器翻译
    洛谷 1328 生活大爆炸版石头剪刀布(NOIp2014提高组)
    洛谷 2820 局域网
    洛谷 1359 租用游艇
    洛谷 1195 口袋的天空
    洛谷 1316 丢瓶盖
    洛谷 1258 小车问题
    洛谷 1017 进制转换 (NOIp2000提高组T1)
    GYM
  • 原文地址:https://www.cnblogs.com/yz-blog/p/6649704.html
Copyright © 2011-2022 走看看