移除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應該還是要把自定的空間還給網站設計師阿。

沒有留言:

張貼留言