输入框之前输入的内容（不会出现黄色背景）

最新推荐文章于 2019-08-09 17:56:37 发布

原创最新推荐文章于 2019-08-09 17:56:37 发布 · 573 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种通过CSS样式来解决Webkit浏览器中自动填充表单元素时出现的黄色背景问题的方法。该方法利用-webkit-box-shadow属性为输入框、文本区域和选择框等元素设置特定阴影效果，从而覆盖默认的黄色背景，提升了用户体验。

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
/*焦点时也加上，不加会出现黄色背景闪动一下*/
input[type=text]:focus, input[type=password]:focus, textarea:focus {
      -webkit-box-shadow: 0 0 0 1000px white inset; 
}