title: Radio label background color when checked in Contact Form 7
body: <p>I am having issues making the background color change when an option is clicked on an CF7 form with radio buttons. Basically, I need the background color to change when the option is ‘checked’. So when clicking on Option 1, it needs to stay red (for example) until Option 2 is clicked. I can’t seem to select the label to do this.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;span class="wpcf7-form-control-wrap ra-kies-onderdeel"&gt;
    &lt;span class="wpcf7-form-control wpcf7-radio"&gt;
      &lt;span class="wpcf7-list-item first"&gt;
        &lt;label&gt;
          &lt;input type="radio" name="ra-kies-onderdeel" value="Roetfilter"&gt;
          &lt;span class="wpcf7-list-item-label"&gt;Option 1&lt;/span&gt;
        &lt;/label&gt;
      &lt;/span&gt;
      &lt;span class="wpcf7-list-item last"&gt;
        &lt;label&gt;
          &lt;input type="radio" name="ra-kies-onderdeel" value="Katalysator"&gt;
          &lt;span class="wpcf7-list-item-label"&gt;Option 2&lt;/span&gt;
        &lt;/label&gt;
      &lt;/span&gt;
    &lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>input[type="radio"] {
      display: none;
  }
  label {
      display: block;
      width: 100%;
      background-color: #ddd;
      padding: 16px;
      margin-bottom: 20px;
      cursor:pointer;
      font-family: Arial;
      font-size: 16px;
  }
  </code></pre>
  
  <p><a href="http://codepen.io/anon/pen/XNYjQJ" rel="nofollow noreferrer">http://codepen.io/anon/pen/XNYjQJ</a></p>
  
  <p>Changing the HTML is not an option unfortunately, and I would rather not use jQuery for this.</p>
  
  <p>Thanks!</p>