收音機/複選框造型使用屬性選擇

我有以下的CSS收音機/複選框造型使用屬性選擇

input [type="checkbox"] { 
    display:none; 
}

目前，它的風格所有的複選框。我想它的風格只能用定義的類輸入= 「投票」

我想：

.vote input [type="checkbox"] { 
    display:none; 
} 

input.vote [type="checkbox"] { 
    display:none; 
} 

input vote [type="checkbox"] { 
    display:none; 
} 

input [type="checkbox" class="vote"] { 
    display:none; 
}

來源

2013-03-12 Ando

嗯。 '[]'（空格）是後代選擇器。 '輸入[type = checkbox] .vote'會起作用。 – 2013-03-12 05:14:41

http://jsfiddle.net/947Aj/ – Passerby 2013-03-12 05:14:56

我編輯了我的問題，因爲建議不起作用。 – Ando 2013-03-12 05:28:41

，而不是

.vote input [type="checkbox"] { 
    display:none; 
}

寫爲

input[type="checkbox"].vote { 
    display:none; 
}

來源

2013-03-12 05:14:21 Rab

好吧，你快。 :-) +1 – 2013-03-12 05:15:46

僅當有空格時才需要屬性值的雙引號，所以'input [input = checkbox] .vote'也可以正常工作。 – 2013-03-12 05:17:15

@JaredFarrish所以對，但它總是安全的，所以我更喜歡 – Rab 2013-03-12 05:18:12

別用空格分隔它。它應該是

input[type="checkbox"] { 
    display:none; 
}

或

input[type="checkbox"].vote { 
    display:none; 
}

來源

2013-03-12 05:14:52

收音機/複選框造型使用屬性選擇

回答

相關問題