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

 

posted @ 2017-06-23 10:02  左耳_fly  阅读(183)  评论(0编辑  收藏  举报