如何修改 Chrome 自动填充表单的黄色背景?

 时间:2026-02-15 21:26:57

1、编写HTML文件,在body中添加一个表单,代码如下

如何修改 Chrome 自动填充表单的黄色背景?

2、此时页面显示结果如下

如何修改 Chrome 自动填充表单的黄色背景?

3、然后我们填写用户名和密码然后点击浏览器中的钥匙一样的图标然后点击保存

如何修改 Chrome 自动填充表单的黄色背景?

4、保存之后发现输入框变了颜色,如图所示,这是因为chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,其具体样式为:

input:-webkit-autofill {

background-color: #FAFFBD;

background-image: none;

color: #000;

}

如何修改 Chrome 自动填充表单的黄色背景?

5、下面我们修改样式将保存用户名和密码后的输入框设为纯色,代码如下

如何修改 Chrome 自动填充表单的黄色背景?

6、可以看到保存用户名和密码后输入框依然为纯色

如何修改 Chrome 自动填充表单的黄色背景?

  • js如何查找数组下标
  • 处理vmware无法连接 MKS: Login incorrect
  • SQL Server如何新建服务器角色
  • Python编程:怎么获取tkinter窗口所在屏幕宽度
  • linux怎么关闭多余的控制台
  • 热门搜索
    郁金香什么时候开花 gay什么意思 朱砂是什么 wdnmd什么意思 什么是质因数 什么是自由 柔和的反义词是什么 苹果13什么时候上市的 tg是什么意思 阿胶什么时候吃最好