更改父div在输入[type = checkbox]：用css选中 [英] Change parent div on input[type=checkbox]:checked with css

问题描述

我可以弄清楚如何在复选框被选中时使父div改变：
改变下面的段落很好。

I can figure out how to make the parent div change when checkbox is checked :( Changing the following paragraph works fine.

在Chrome中运气：

Tried this approach without luck in Chrome:

HTML

​<div>
    <input type="checkbox​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​" checked>
    <p>Test</p>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS

div {
    background: pink;
    width: 50px;
    height:50px;
}
div + input[type=checkbox]:checked {
  background: green;
}

input[type=checkbox]:checked + p {
    background: blue;
}

http://jsfiddle.net/lajlev/3xUac/

推荐答案

没有办法选择只有CSS的父级（直到CSS4），所以你必须使用JS ..

No way to select a parent with CSS only (until CSS4), so you must use JS..

请参阅这篇文章，这里。

这篇关于更改父div在输入[type = checkbox]：用css选中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！