範圍內的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的樣式，據我所知。