英亚体育app

你好,野狼建站(英亚体育app旗下)专业提供高性价比的电脑/微信/手机英亚体育app配置办事!咨询德律风:0371-56789390

去除Chrome欣赏器自动添补招致的黄色背景【亲测有效】

公布时间:2019年05月29日   点击次数:123   作者:野狼建站

做了一个英亚体育app背景,但是自动添补时间,看起来逝世丑!于是网上找了不少代码,很多都不论用,于是找到这篇文章的时间,试了一下,立马可以了。于是分享给大家!

英亚体育app 依据以下给input增长样式

chrome的自动添补样式
input:-webkit-autofill {
background-color: #FAFFBD;
background-image: none;
color: #000;

}

英亚体育app 英亚体育app要改的:

英亚体育app 1.纯色背景,对字体颜色没作用,可加

-webkit-text-fill-color: #ededed !important;

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;

}

2.圆角等样式

英亚体育app input:-webkit-autofill {

-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;
height: 27px!important;
line-height: 27px!important;
border-radius: 0 4px 4px 0;

}

3.图片背景

$(function() {

if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
$(window).load(function(){
$('ul input:not(input[type=submit])').each(function(){
var outHtml = this.outerHTML;
$(this).append(outHtml);
});
});
}

});

4.js

<script type="text/javascript">

    if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
        $(window).load(function(){
            $('input:-webkit-autofill').each(function(){
                var text = $(this).val();
                var userName = $(this).attr('userName');
                $(this).after(this.outerHTML).remove();
                $('input[userName=' + userName + ']').val(text);
            });
        });
    }

英亚体育app </script>

5.封锁自动添补

<form id="loginForm" method="post" autocomplete="off">

......

</form>

6.css的做法让自动添补的黄色背景流失,亲测有效(2018年)重点!

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {  
    -webkit-text-fill-color: #ededed !important;  //字体颜色
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    background-color:transparent;  
    background-image: none;  
     transition: background-color 50000s ease-in-out 0s; //配景色透明  奏效时长  过渡结果  启用时延伸的时间  
}  
input {  
     background-color:transparent;  

英亚体育app 做完之后,自动添补后再也没有那个丢脸的黄色背景了!

扫描二维码,访问手机站

扫描二维码,存眷微信

Copyright © 2017-2020  www.nitridexpills.net All Rights Reserved 英亚体育app科技 版权全部
讨论德律风:13526646200 QQ:1026593492、1615241386 讨论地点:郑州市花圃路西风路向西300米路南世玺中心西弘熹台22层