当我运行 html 时，我的测试输入字段会自动标记为无效，因为它是必填字段，因此应用了 css。有没有办法让这个特定的 css 只在表单提交后才应用？
html
<form name="test" action="index.html" method="get">
<label>test: <input name="test1" id="test" placeholder="enter text here" autofocus required></label>
<p><input type="submit"></p>
</form>
CSS
#test:invalid {
background-color:red;
}