移除Chrome自動完成的黃色背景

Chrome有一個很有趣的功能，當你在文字輸入框使用自動完成的時候，一但選擇了自動完成的資料，該輸入框的底色會變成黃色。也許是Chrome為了提示使用者輸入的是自動完成的資料而做的功能，但這樣的功能有時候實在是很破壞版面.....

解法有兩種
1. 把自動完成功能拿掉：autocomplete = "off"
2. 加入以下javascript

// Stop chrome's autocomplete from making your input fields that nasty yellow. Yuck. 
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { 
     $(window).load(function(){ 
         $('input:-webkit-autofill').each(function(){
             var text = $(this).val();
             var name = $(this).attr('name');
             $(this).after(this.outerHTML).remove();
             $('input[name=' + name + ']').val(text);
         });
     });
}

以下做法是行不通的，Chrome還是用預設的黃色：

input:-webkit-autofill {
      color: #2a2a2a !important;
}

在這點上我覺得Chrome應該還是要把自定的空間還給網站設計師阿。