更改div的颜色，包含标签+输入，当复选框不是：选中 - 没有JS？

Question

首先，感谢阅读。我不会说英语，但我会尽力表达清楚。

我在表单中有三个ckeckbox，每个复选框的标签都在div中。最后一个是：必要时，不是：检查它是否可以在不使用JS的情况下更改div的背景？只有CSS，而且不必使用Pure或Bootstrap。

border: 10px solid #fff;

Answer 1

这样的东西？

＆＃13;

＆＃13;

input[type=checkbox]:checked + label {
  background-color: #fff;
  font-style: italic;
} 
input[type=checkbox] + label {
  background-color: red;
  font-style: normal;
}

＆＃13;

<form>
  <div class="checkbox">
    <input id="com1" type="checkbox" required>
    <label for="com1">Bla Bla (...)</label>
  </div>  

  <button type="submit">SEND</button>
</form>

＆＃13;

＆＃13;

＆＃13;

希望它有所帮助。