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

Question

我正在处理一个在用户提交时以编程方式清除的表单。我对 chrome 突出显示已自动填充的字段没有任何问题。但是提交表单并清除字段后，黄色背景仍然存在。我可以使用以下 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();