title: Change outline for invalid required properties on Edge
body: <p>So I have a standard input box:</p>
  
  <pre><code> &lt;input required="required" /&gt;
  </code></pre>
  
  <p>And here is my css to only apply the styling when the required inputs are invalid:</p>
  
  <pre><code>input:required:invalid{   
      outline: 1px solid red;
  }
  </code></pre>
  
  <p>But this is being applied immediately in edge.</p>
  
  <p>Does anyone know how to only apply this css when the required input is invalid?</p>