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

我有一个简单的引导表单，它是通过JavaScript进行的。单击“提交”按钮后，它将继续其数据并重置输入值，而无需重新加载页面：

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

问题是，如果有任何自动完成的表单字段（在Chrome中以黄色突出显示），即使表单已发送且表单字段已清除，它们仍会保持突出显示。如何在不重新加载页面的情况下重置这些样式？（将

背景色设置为
！重要
没有帮助）

尝试以下功能：

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

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

你可以试试这个

用于铬合金

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');
});

我认为，一旦表单提交成功，您应该尝试使用.reset（）重置表单。@Nimmi，这很有效。谢谢由于您使用JQuery，
$（'#yourFormID'）[0].reset（）$（'#yourFormID'）[0]。重置（）；实际上起了作用。谢谢很高兴它有帮助，我编辑了未来问题的答案
$("input[type='text']").bind('focus', function() {
   $(this).css('background-color', '#fff');
   $(this).css('color', '#000');
});