title: A :focus-within workaround for edge
body: <p>I am currently using the pseudo selector :focus-within in chrome however according to <a href="https://caniuse.com/#feat=css-focus-within" rel="nofollow noreferrer">caniuse.com</a> it's unavailable in Edge and IE, I found a neat workaround for it:</p>
  <pre><code>.focus-within-class &gt; input:focus
  </code></pre>
  <p>However it combining it with focus-within like:</p>
  <pre><code>.focus-within &gt; input:focus,
  .focus-within:focus-within &gt; input
  </code></pre>
  <p>does not work in Edge and the following solution does not work in chrome:</p>
  <pre><code>.focus-within &gt; input:focus
  </code></pre>
  <p>How can I make :focus-within cross browser?</p>