如何使用CSS壓扁複選框？

Question

我使用下面的CSS壓扁我的文本框和文本域的窗體上：

textarea, input[type=text], select { 
    border: 1px solid #B5B8C8; 
} 

我現在想包括複選框..我認爲這會做的伎倆

textarea, input, select { 
    border: 1px solid #B5B8C8; 
} 

在Firefox它不似乎沒有任何區別。在IE 9月10日，我收到了奇怪的邊框的複選框（而不是改變複選框本身。

如何使複選框模仿文本框和文本域擺脫3d的影響任何建議。

Answer 1

有沒有跨瀏覽器CSS唯一的解決方案來規範化表單元素對於在現代瀏覽器中工作的非JS解決方案，請查看this CSS ninja article。否則，最好的選擇就像Uniform，它爲您做了很多工作，並且會回退到常規表單元素禁用JavaScript

使用本機表單元素及其樣式的好處（特別是在移動設備上冰）很棒。也就是說，複選框和單選按鈕的自定義樣式（相對於選擇框/日期選擇器等）似乎在我的測試中工作得很好。