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

jiangbinwangyi

于 2019-06-01 23:22:39 发布

阅读量1.8k

点赞数

分类专栏： CSS

本文链接：https://blog.youkuaiyun.com/jiangbinwangyi/article/details/90734779

版权

CSS 专栏收录该内容

4 篇文章

订阅专栏

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

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

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