title: Reset input style for checkboxes to default in IE
body: <p>I have a CSS rule for input like this:</p>
  
  <pre><code>input {
      border: 1px solid black;
  }
  </code></pre>
  
  <p>The problem is that checkboxes in IE (have tested on IE 8 and 9) and Opera also inherit this border and instead of showing the default style they show their custom mode for checkboxes with white background and black checks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/WQkSY.png" alt="custom checkbox"></p>
  
  <p>instead of the native style, like in Windows 7 with gradient-grey background and dark blue checks that are shown in Chrome and Firefox:</p>
  
  <p><img src="https://i.stack.imgur.com/bWzmU.png" alt="default checkbox"></p>
  
  <p>I would like to keep the border for the input-rule in the CSS, but I have a class called "checkbox" that I put on all checkboxes like this:</p>
  
  <pre><code>&lt;input type="checkbox" class="checkbox" /&gt;
  </code></pre>
  
  <p>Is there any way to reset the border style with the .checkbox rule?</p>
  
  <p>I have tried:</p>
  
  <pre><code>.checkbox {
      border: none;
  }
  </code></pre>
  
  <p>which works in Opera to revert to the default style, but not in IE. I have also tried many different combinations of:</p>
  
  <pre><code>.checkbox {
      border: 1 none transparent;
  }
  </code></pre>
  
  <p>but none of these seems to reset to the default style of the checkboxes in IE.</p>
  
  <p>Is it possible to revert the default style for checkboxes in IE do without removing the border for the input-rule and instead use the .checkbox class?</p>