title: Give background to <i> tag when input focus
body: <p>There is an "icon" next to the input. I want that when I click on the input, give that icon a background (In the sample with the color I just want to test it).</p>
  
  <p>I already tried some of the answers what I found here, but didn't work.</p>
  
  <pre><code>&lt;div class="part"&gt;
     &lt;i class="fas fa-info-circle"&gt;&lt;/i&gt;
     &lt;input type="text" name="contactName"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>.contact .part input:focus + i {
     color: red;
  }
  </code></pre>
  
  <p>When I tried with label, without + symbol or something else, It didn't work either. I don't know what is the problem.</p>