title: How to remove dotted border around radio button labels when they are active?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/11393044/how-to-remove-dotted-that-appears-when-button-is-clicked">How to Remove dotted that appears when button is clicked</a>  </p>
  </blockquote>
  
  
  
  <p>I have some code like this:</p>
  
  <pre><code>&lt;input id="input-radio-principal" type="radio" name="chart-type" value="principal" checked="checked" /&gt;
  &lt;label for="input-radio-principal"&gt;Principal balances&lt;/label&gt;
  
  &lt;input id="input-radio-payments" type="radio" name="chart-type" value="payments" /&gt;
  &lt;label for="input-radio-payments"&gt;Monthly payments&lt;/label&gt;
  </code></pre>
  
  <p>Whenever I click on a radio button, there is a gray dotted border on the radio button's label in IE9.  Is it possible to remove that border?</p>
  
  <p>I have seen a lot of information about how to remove this from links, but not radio button labels.</p>