css - 如何在单选按钮标签处于活动状态时删除它们周围的虚线边框？

Question

可能重复：
如何删除单击按钮时出现的虚线

我有一些这样的代码：

<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;}

在这个 JSFiddle中工作

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

Answer 2

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

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

那应该在IE9中工作