Chrome表单文本框自动填充黄色背景色样式

最新推荐文章于 2025-08-09 20:51:19 发布

转载最新推荐文章于 2025-08-09 20:51:19 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangym118/p/9060325.html

文章标签：

#javascript #ViewUI

本文介绍Chrome浏览器自动填充表单后，input文本框背景变为黄色的原因。这是由于Chrome为自动填充的input元素添加了私有属性input:-webkit-autofill，并设置了特定的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：
input:-webkit-autofill {
　　background-color: #FAFFBD;
　　background-image: none;
　　color: #000;
}