如何在單選按鈕標籤處於活動狀態時刪除點狀邊框？

可能重複：
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中。是否有可能刪除該邊界？

我見過很多關於如何從鏈接中刪除這些信息，但不是單選按鈕標籤。

來源

2012-12-20 nomad

工作，沒有測試過，但也許你可以使用JavaScript和調用模糊（）每當一個單選按鈕被點擊？所以在jQuery中：'$（「input [type = radio]」）。click（function（）{$（this）.blur（）;}）;'或者如果它在標籤上而不是使用$（this）選擇標籤'$（「input [type = radio]」）。click（function（）{$（this）.next（）。blur（）;}）;' – Horen

這是瀏覽器內置的輔助功能。您可能會發現一個黑客刪除它，但你可能不應該 –

這也許在你的CSS：

input {outline: none;}

作品在this JSFiddle

工程在IE8和IE 9，這裏的邊框不是周圍的按鈕或標籤。但是，IE7的標籤邊框仍然存在。正如上述評論者所建議的，我相信一個完整的解決方案可能會涉及Javascript。

來源

2012-12-20 20:52:01 huzzah

不工作在我的頁面 –

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

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

這應該在IE9

來源

2012-12-20 20:52:23 trevorp

如何在單選按鈕標籤處於活動狀態時刪除點狀邊框？

回答

相關問題