如何以编程方式更新字段时删除自动填充突出显示？

Question

我正在处理用户提交时以编程方式清除的表单。我没有任何问题，铬突出显示已自动填充的字段。但是在提交表单并清除字段后，黄色背景仍然存在。我可以使用以下css -

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

但这会永久消除亮点。我可以在表单提交时设置此css，并在编辑字段时将其删除。但有更好的解决方案吗？我正在研究Aurelia框架。我知道这个问题与框架无关，但任何特定于框架的解决方法都可以。

Answer 1

如果您只希望表单返回默认状态，则可以使用.reset()

var theForm = document.getElementById('theFormId');
theForm.reset();