title: How can I style an HTML checkbox's text?
body: <p>With this input checkbox:</p>
  
  <pre><code>&lt;input type="checkbox"&gt;Click moi!
  </code></pre>
  
  <p>...and this CSS:</p>
  
  <pre><code>input[type=checkbox] {
      color:green;
      font-family: Consolas, Baskerville, 'Segoe UI', sans-serif;
  }
  
  input[type=checkbox]:hover {
      box-shadow:0px 0px 10px #1300ff;
  }
  </code></pre>
  
  <p>...the hover bit works fine (the checkbox itself changes), but the color / font of the text ("Click moi!") is not affected by setting color and font-family.</p>
  
  <p>jsfiddle: <a href="http://jsfiddle.net/QRBEx/" rel="nofollow">http://jsfiddle.net/QRBEx/</a></p>
  
  <p>How can I affect the text attributes via CSS?</p>