选择时更改标签的颜色

Changing color of label when selected

本文关键字：颜色 标签 选择      更新时间：2023-09-26

请查看此链接了解我正在做的事情。如果选择了标签，我正试图使其变色。如果选择另一个选项，上一个选项将变回原始颜色。

我在谷歌上搜索并尝试了某人的代码

function checkState(id){
    var layer = document.getElementById(id);
    if(layer.childNodes[0].checked === true){
    layer.style.backgroundColor = "#0099CC";
    }
else{
    layer.style.backgroundColor = "#eee" ;
};
}

但是这导致当选择第二选项时先前选择的选项不会变回原始颜色。请不要JQuery。

这是您的Fiddle被更正为实际工作。将来，在你发布之前，确保你的Fiddle真的有效。

除其他外，我修复了语法错误（for( int i...)？真的吗？），并更改了"将颜色设置回正常"以清除样式，使悬停效果继续发挥作用。

在CSS的未来版本中，您将能够执行以下操作：

!label>input:checked {background-color:#09c;}

!将确定选择器的"目标"。请注意，语法还不明确。

相关文章：