是否可以使用CSS設計複選框？

Question

我現在的CSS：

.DataForm input 
{ 
    margin-right:9px; 
    display: inline-block; 
    width:21%; 
    min-width:30px; 
} 

因爲複選框是討厭，自己分成輸入和標籤

工作正常，除了複選框所有輸入。

有沒有辦法根據CSS的輸入類型？ （類型字段是複選框複選框）。

Answer 1

您可以通過使用屬性選擇任何屬性訪問元素在CSS

在你的情況下，這看起來像：

.DataForm input[type="checkbox"]{} 

這裏是W3C說的屬性選擇什麼：

http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

保羅是正確的，當他警告說，對不同的瀏覽器。 IE6不支持這種類型的選擇器。

Answer 2

類似：

.DataForm input[type='checkbox']{ } 

留意瀏覽器的支持，雖然...投注上，它不會工作在IE6

Answer 3

有一些非常棒的jQuery複選框替換（如果你願意考慮除了css以外的javascript）。

退房http://www.protofunc.com/scripts/jquery/checkbox-radiobutton/

Answer 4

你需要一個目標只是複選框額外的選擇，那麼你就可以重置問題的CSS樣式...

.DataForm input { 
    margin-right:9px; 
    display: inline-block; 
    width:21%; 
    min-width:30px; 
} 

.DataForm input[type=checkbox] { 
    width:auto; 
    min-width:auto; 
} 

Answer 5

有張貼長絲一個好方法組

Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery)

如標題所示，它使用了一些jQuery，但降級非常好。你可以與其他答案相結合這一點，國家使用的CSS

input[type='checkbox']{ } 

而且，只有當用戶來到在不支持這個CSS，如IE6的瀏覽器中運行這個JavaScript。