当选中相应的复选框时,是否有一种非javascript的方式来更改标签的 colored颜色 ?

推荐答案

使用adjacent sibling combinator:

.check-with-label:checked + .label-for-check {
  font-weight: bold;
}
<div>
  <input type="checkbox" class="check-with-label" id="idinput" />
  <label class="label-for-check" for="idinput">My Label</label>
</div>

Html相关问答推荐

如何在两个弹性项目之间添加边框?

简化指标与Delta保持一致

值更新时旋转数字动画

srcset和大小总是下载最大的

我的表的第一列似乎是推其他2列到右边,我不能改变它

如何使用css实现悬停时的动画zoom ?

通过POST方法提交html表单时CSV文件无法通过(在使用Django的上下文中)

如何仅 Select 与子代CSS类匹配的第一个元素

如何防止可见的滑动抽屉,同时转移HTML方向?

粘滞的导航栏延伸到超过页边距的右侧

如果浏览器通过http接收html,为什么客户端内置表单验证不起作用?

子元素的单一背景

带有图标和悬停过渡的CSS按钮

如何在R rmarkdown中创建循环中的分页表?

如何解决水平塌陷问题?

如何在CSS中延迟触发2个转换?

静态DIV的标签,显示从窗体输入的值

带有图像的虚线边框

将 HTML 元素粘贴到容器底部,而不剪裁其顶部

如何将某些 div 的高度限制为具有 display flex 行的同一父 div 中的其他 div?