如何重置输入自动完成样式？

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>

修改

JQuery（非常棒）：

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

Answer 2

你可以试试这个

适用于Chrome

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

<强>脚本

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