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

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;
}

 

转载于:https://www.cnblogs.com/web-Knowledge/p/7068510.html