title: Uncheck a checkbox using CSS
body: <p>For those not familiar, the checked attribute for a checkbox will accept any input as a sign to check the box.  in fact, it doesnt need any text.  so all these will check the box</p>
  
  <pre><code>&lt;input type="checkbox" checked /&gt;
  &lt;input type="checkbox" checked="false"&gt;
  &lt;input type="checkbox" checked=""&gt;
  &lt;input type="checkbox" checked="0"&gt;
  </code></pre>
  
  <p>all those WILL check the box.  </p>
  
  <p>My problem is i am being handed a checked box, and need to uncheck it.  I cant just change its value - that still makes it checked.  i need to nuke it from orbit.  This is incredibly easy to do with javascript or jQuery, but the site does not allow any of that in my CSS.</p>
  
  <p>I read a list of about 100 attributes and how to reset them - auto, normal, 0, inherit, et cetera, but 'checked' was not on the list, and i tried all of those and anything i could think of, and this checkmark wont die.</p>