CSS选择器复选框和标签

时间:2017-03-28 11:18:43

标签: css css3 sass

有人可以帮助我,我已经搜索了很多,但没有运气,也许我正在寻找错误的方式。因为,我认为很简单

当选中内部的复选框时,如何使用CSS / SCSS更改标签的背景颜色?

HTML

<label>
    <input type="checkbox" name="tags[]" value="{{tag.key}}" />
    {{tag.name}}
</label>

SCSS

label {
  background: $balanced;
  color: #fff;
}
/* - my bad try - */
label + input[type='checkbox']:checked  {
  background: $positive;
}

0 个答案:

没有答案