title: Checkmark in checkbox not appearing when changing CSS
body: <p>I'm trying to change the size,color,etc... of a checkbox using CSS. I have everything formatted the way I want aside from when the box is checked. When the box is checked, the check/tick mark does not appear and nothing seems to happen. However, I know it works otherwise because I can set the background color to change, and it works then.</p>
  
  <p>Does adding "content: '✔';" do anything in the CSS as far as what I'm trying to accomplish, or am I using it incorrectly?</p>
  
  <p>For example:</p>
  
  <pre><code>input[type=checkbox]:checked {
      content: '✔';
      background-color:white;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/b0rcbvaf/" rel="nofollow">Here's a fiddle</a> that demonstrates the background color of the checkbox changing.</p>
  
  <p><a href="http://jsfiddle.net/jarxo3t8/" rel="nofollow">Here's another fiddle</a> of what I'm trying to do by using a check mark when the box is checked.</p>
  
  <p><strong>Edit - I'm using chrome and that seems to be the issue. I checked in firefox and it works</strong></p>
  
  <p>Knowing this, what can I do to accomplish what I have described?</p>