如何在单选按钮标签处于活动状态时删除虚线边框？

Question

  

可能重复：
  How to Remove dotted that appears when button is clicked

我有一些像这样的代码：

<input id="input-radio-principal" type="radio" name="chart-type" value="principal" checked="checked" />
<label for="input-radio-principal">Principal balances</label>

<input id="input-radio-payments" type="radio" name="chart-type" value="payments" />
<label for="input-radio-payments">Monthly payments</label>

每当我点击单选按钮时，IE9中单选按钮的标签上都会出现灰色虚线边框。是否可以删除该边框？

我已经看到很多关于如何从链接中删除它的信息，但没有看到单选按钮标签。

Answer 1

也许这在你的CSS中：

input {outline: none;}

适用于this JSFiddle

适用于IE8和IE 9，其边框不在按钮或标签周围。但是，边界仍然在IE7的标签周围。我相信一个完整的解决方案可能会涉及Javascript，正如上面提到的评论者那样。

Answer 2

<input class="button" type="radio" id="radioButton"/> 

input[type="radio"] {
    outline: none;
}

这应该适用于IE9