更改Edge上无效所需属性的大纲

Question

所以我有一个标准输入框：

 <input required="required" />

这是我的CSS只在所需输入无效时应用样式：

input:required:invalid{   
    outline: 1px solid red;
}

但这是立即应用于边缘。

当所需的输入无效时，是否有人知道如何仅应用此css？