Question

我有一个带有复选框和标签的DIV，当我选中时用CSS样式定义：

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

我想制作两个按钮，颜色除外：白色。

复选框ID =＆＃34; B＆＃34;标签背景颜色变成红色和复选框ID =＆＃34; C＆＃34;标签背景颜色变成蓝色。我无法弄清楚如何添加这种特异性。

提前致谢。

编辑:(添加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

这是你正在寻找的input[id="test"]:checked这个样式输入具有特定的id和检查状态。

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

Answer 2

您不需要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>

跨度内的CSS样式异常？

2 个答案: