複選框：移除焦點上的方塊

Question

如何移除輸入焦點時顯示的單選按鈕旁邊的小方形？

我敢肯定這是一個重複的，但我不知道是什麼方實際上是調用，但沒有找到我要找的。我在autocomplete="off"上輸入。我玩jquery的preventDefault，但沒有成功。

更新： 感謝您的回覆。若有人翻過了這個問題，這裏是appearance附着的效果（上PIC沒有亮相，下面一個是外觀）與Firefox：

以防萬一有人來了同樣的問題。

更新與鉻/ Safari中，appearance去除輸入

-webkit-appearance: none;將使單選按鈕在 Chrome和Safari消失。勾選jsfiddle.net/8uY6H（含鉻）

- 由JFK 6注意到

Answer 1

試試這個CSS，因爲它是一個大綱：

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

Answer 2

焦點嘗試outline:0屬性爲單選按鈕

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

Answer 3

您需要設置：

outline:none; 

在與複選框相關的CSS類的:focus狀態上，或直接

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

The crucial part is setting outline

的CSS輪廓屬性是用於設定一個或 多個單獨的輪廓屬性的輪廓式的速記性，輪廓寬度 和輪廓色在一個單一的規則。在大多數情況下，使用此 快捷方式更好，更方便。

However, also setting appearance may help cross platform其中不同的瀏覽器呈現複選框元件不同。

正如在下面的評論中指出的那樣，這將導致複選框在某些情況下不顯示 - 因此您需要生成純粹的CSS解決方案。

的-moz-外觀CSS屬性在壁虎（火狐）使用利用基於操作 系統的主題一個平臺的本地樣式來顯示 的元件。

此屬性在XUL樣式表中經常用於設計具有平臺適當樣式的自定義小部件 。它也用於Mozilla平臺附帶的小部件的XBL 實現中。

Answer 4

就這麼簡單

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

JSFIDDLE