Radio label background color when checked in Contact Form 7
<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>