title: How can I activate a CSS style for a label when hovering over the associated checkbox?
body: <p>Every time I hover over the label of a checkbox it turns yellow:</p>
  <h3>Markup</h3>
  <pre><code>&lt;input type=&quot;checkbox&quot; value=&quot;hello&quot; id=&quot;hello&quot; name=&quot;deletefiles[]&quot;/&gt;
  &lt;label for=&quot;hello&quot;&gt;hello&lt;/label&gt;
  </code></pre>
  <h3>CSS</h3>
  <pre><code>label:hover, label:active {
     background:yellow;
  }
  </code></pre>
  <p>When I hover over the related checkbox, I want the label to highlight. Is there a way to fire the same hover rule using CSS if I hover over the checkbox as well? Or will I have to use JavaScript for this...?</p>