范围内的CSS样式异常？

Question

我有通过CSS样式定义复选框和标签一个DIV检查时：

#project input:checked + label {background-color:#787878;color:white;} 

我希望有两个按钮有例外颜色：白色。

复选框ID =“B”标签背景色为红色，复选框ID为“C”标签背景色为蓝色。我无法弄清楚如何添加该特性。

在此先感谢。

编辑：（添加HTML代码）

<input type="checkbox" id="B" value="B" style="display:none;" onclick="document.getElementById('B').style.color = 'red'"><label for="B"> checkbox B </label> 

这是我与线路电平变化失败的尝试。我只发布CSS，因为我认为这可以在样式中完成。

Answer 1

你不需要Javascript。如果需要，还加上#B, #C { display: none; }。

#B:checked + label { 
 
    background: red; 
 
    color: white; 
 
} 
 
#C:checked + label { 
 
    background: blue; 
 
    color: white; 
 
}

<input type="checkbox" id="B" /> 
 
<label for="B">test</label> 
 

 
<input type="checkbox" id="C" /> 
 
<label for="C">test</label>

Answer 2

这是你在找什么input[id="test"]:checked这种风格输入具有特定的ID和检查状态。

而你不能在复选框中设置background-color的样式，据我所知。