chrome表单自动填充去掉input黄色背景解决方案

作者：TG 日期： 2016-05-29 字数： 640 阅读： 5060

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

input:-webkit-autofill {
background-color: #FAFFBD;
background-image: none;
color: #000;
}

有些时候，这个黄色背景会和我们的界面很不和谐，影响美观，这时，我们应该如何解决呢？

很简单，我们可以加入以下样式：

input:-webkit-autofill {
 background-color:#fff !important;
 -webkit-box-shadow:inset  0 0 0 1000px white !important;
}