首页 > 其他分享 >全球新闻发布系统:chrome浏览器login页input自动填充蓝色背景的解决方案

全球新闻发布系统:chrome浏览器login页input自动填充蓝色背景的解决方案

时间:2022-09-26 11:26:07浏览次数:75  
标签:浏览器 填充 chrome 背景色 autofill webkit input login

问题描述

当浏览器自动填充用户名时,input会自动一个背景色,密码框是没有的,重写ant-input背景色也无法解决

 解决方案

方案一:去掉自动填充,输入时不再提示

<Input type="text" autocomplete="off">

问题解决

 

方案二:自动填充还在,背景色问题也解决了

.ant-input {
    /* 背景色透明(重点) */
    background: transparent;
    color: white;
}

/* 重点 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 111111s;
    -webkit-transition: color 11111s ease-out,
        background-color 111111s ease-out;
}

本次解决方案参考 Chrome 覆盖浏览器Input输入框自带背景颜色_superTiger_y的博客-CSDN博客_谷歌浏览器input框默认背景色  

  

 

标签:浏览器,填充,chrome,背景色,autofill,webkit,input,login
From: https://www.cnblogs.com/shiny-moon/p/16730191.html

相关文章