title: How do I change the background color of a checkbox for just *one* checkbox?
body: <p>I would like to have a simple piece of code that changes the background color of a checkbox when <em>unchecked</em>.</p>
  
  <p>I tried</p>
  
  <pre><code>&lt;form&gt;
  &lt;input type=checkbox style="background: rgb(0, 255, 0) none repeat scroll 0%; color: rgb(0, 0, 255);"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>but that doesn't work.</p>
  
  <p>please note that while there are related questions to this, my question differs in:</p>
  
  <ol>
  <li><p>I am interested in having different colors to different checkboxes on the same page.</p></li>
  <li><p>I am interested in just applying a "style" tag to the input tag to get the desired result.</p></li>
  </ol>
  
  <p>I don't mind adding some CSS preamble if needed.</p>