input:-webkit-autofill

chrome表单input获取焦点时，input会有一个记录之前填写过的文本的下拉列表式的东东，当你选择其中一个时，input文本框的背景会变成黄色的（如下图），这是由于chrome会默认给input加上input:-webkit-autofill私有属性，然后对其赋予以下样式：

  
  
  

   
   
   

    
    
    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
    
    
     {
     
   
   
   
  
  
  
  
  
  

   
   
   

    
    
    

     
 background-color: rgb(250, 255, 189);
     
 background-image: none;
     
 color: rgb(0, 0, 0);
    
   
   
   
  
  
  
  
  
  

   
   
   }
  
  
  
  
  
  


  
  
  
 
 
 

  
  
  

    
    
    

     
     
     在有些情况下，这个黄色的背景会影响到我们界面的效果，尤其是在我们给input文本框使用图片背景的时候，原来的圆角和边框都被覆盖了：