html - CSS 形式 :valid selector doesn't work in IE11

Question

此 css 在 Internet Explorer 11 中不起作用:

form:invalid {
  background-color: red;
}

Demonstration

如您所见，在 Internet Explorer 11 中，表单仍然是灰色的，而它们应该是红色和蓝色的。有什么办法可以不使用 javascript 来解决这个问题吗？

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

Answer 1

您可能看到或可能没有看到它们甚至显示在 MDN 链接中他们显示输入:无效也不适用于 ie 中的表单

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

示例 JSFIDDLE

通过添加带有 input:valid/:invalid 的行，它具有相同的行为