title: How can I highlight a label when click in a radio button?
body: <p>I want to highlight the label of a radio button when a I click in it, I find <a href="https://stackoverflow.com/questions/4641752/css-how-to-style-a-selected-radio-buttons-label">an answer</a> but don't work. Here my code:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="same-line"&gt;
      &lt;input type="checkbox" name="417-jornadas-de-g%c3%a9nero-sin-fecha-confirmada" value="Sí" class="checkbox"&gt;
      &lt;label class="checkbox"&gt;
      Jornadas de género (sin fecha confirmada)&lt;/label&gt;
      &lt;div class="clear-form"&gt;&lt;/div&gt;
  &lt;/div&gt; 
  &lt;div class="same-line"&gt;
      &lt;input type="checkbox" name="417-curso-de-fotograf%c3%ada-sin-fecha-confirmada" value="Sí" class="checkbox"&gt;
      &lt;label class="checkbox"&gt;
      Curso de fotografía (sin fecha confirmada)&lt;/label&gt;
      &lt;div class="clear-form"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.same-line input[type='radio'] {
      display:none;
  }
  
  .same-line label[class='checkbox'] {
      display:inline-block;
          font-size: 12.2pt;
  }
  
  .same-line input[type='radio']:checked + label[class='checkbox'] { 
     background-color: #FFBF00 !important;
  }
  </code></pre>
  
  <p>Any idea?</p>