收音机/复选框造型使用属性选择

我有以下的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

收音机/复选框造型使用属性选择

回答

相关问题