CSS表单：有效的选择器在IE11中不起作用

Question

这个css在Internet Explorer 11中不起作用：

form:invalid {
  background-color: red;
}

Demonstration

正如您所看到的，Internet Explorer 11中的表单仍然是灰色的，而它们应该是红色和蓝色。有没有办法解决这个问题而不使用javascript？

MDN在IE11中没有提到任何问题。

Answer 1

或许你可能看到或者可能不是他们甚至在MDN链接中显示 他们显示输入：无效也不仅仅在表单上工作

input:valid {
  background-color: #ddffdd;
}

示例JSFIDDLE

通过添加input:valid / :invalid这些行，它可以使用相同的行为