title: CSS - How to Style a Selected Radio Buttons Label?
body: <p>I want to add a style to a radio button's selected label:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="radio-toolbar"&gt;
   &lt;label&gt;&lt;input type="radio" value="all" checked&gt;All&lt;/label&gt;
   &lt;label&gt;&lt;input type="radio" value="false"&gt;Open&lt;/label&gt;
   &lt;label&gt;&lt;input type="radio" value="true"&gt;Archived&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>.radio-toolbar input[type="radio"] {display:none;}
  .radio-toolbar label {
      background:Red;
      border:1px solid green;
      padding:2px 10px;
  }
  .radio-toolbar label + input[type="radio"]:checked { 
      background:pink !important;
  }
  </code></pre>
  
  <p>Any ideas what I'm doing wrong? </p>