解决浏览器记住账户密码自动填充背景颜色解决办法

浏览器自动填充账户和密码后会自动添加背景色,如下图所示:

解决浏览器记住账户密码自动填充背景颜色解决办法_第1张图片

在页面添加如下样式即可解决:

    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;
    }

效果如下图所示:

解决浏览器记住账户密码自动填充背景颜色解决办法_第2张图片

 

你可能感兴趣的:(css,css,css3,html)