title: css input required not focused or disabled
body: <p>I'm trying to create a css rule to change the background color of an input if it is required, but bot disabled or in focus</p>
  
  <p>I have this, but it's not working obviously!</p>
  
  <pre><code>&lt;input type="tel" class="form-control" placeholder="Phone" name="phone" value="" required&gt;
  </code></pre>
  
  <p>and css:</p>
  
  <pre><code>input:not(disabled):not(focus):required {
      background-color: rgba(255,0,0,.10)
  }
  </code></pre>