Как сбросить введенные стили автозаполнения?

Question

У меня есть простая форма Bootstrap, которая протекает через JavaScript. После нажатия кнопки отправить щелкают, она продолжает свои данные и сбрасывает значение ввода без перезагрузки страницы:

if(json.success) { 
    $('#form_sendemail').find('.form-control').val(''); 
} 

Проблема заключается в том, что если есть какое-либо автоматически появившееся поле формы (выделена желтым цвет в Chrome), они остаются выделены даже после того, как форма была отправлена ​​и поля формы очищены. Как сбросить эти стили без перезагрузки страницы? (установка background-color - !important не помогло).

Answer 1

Попробуйте reset функцию:

$.ajax({ 
    //... 
    success: function (data, status) { 
     document.getElementById('yourFormID').reset(); 
    } 
}); 

<form id="yourFormID"></form> 

EDIT:

JQuery (удивительный):

$.ajax({ 
    //... 
    success: function (data, status) { 
     $('#yourFormID')[0].reset(); 
    } 
}); 

Answer 2

Вы можете попробовать это

Для Chrome

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

Script

$("input[type='text']").bind('focus', function() { 
    $(this).css('background-color', '#fff'); 
    $(this).css('color', '#000'); 
});