更改父div在输入[type = checkbox]:用css选中 [英] Change parent div on input[type=checkbox]:checked with css
本文介绍了更改父div在输入[type = checkbox]:用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屋!
查看全文