清除谷歌浏览器input框自动填充的背景和文字样式

最新推荐文章于 2025-03-10 10:19:02 发布

原创最新推荐文章于 2025-03-10 10:19:02 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

CSS 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种自定义WebKit浏览器自动填充输入框样式的CSS技巧，通过设置阴影和文本填充颜色，可以改变自动填充后的输入框外观，使其更加统一和美观。

:root input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    box-shadow: 0 0 50px 50px #fffefb inset; 
    /*阴影大小等于input框宽度一半 利用内阴影覆盖原背景色*/
    
    -webkit-text-fill-color: #9d4100; /*利用文本填充属性覆盖原有文本颜色*/
}