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

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,正如上面提到的评论者所说.