Css改变父母的颜色

Question

有没有办法在输入获得焦点时更改父级的颜色检查演示.当输入具有焦点时,我希望div为红色而不是蓝色.

演示

Answer 1

这里只是一个使用CSS的骗子方式......

演示: http ://jsfiddle.net/gvee/6fRUd/

HTML

<div>
    <input type="text" />
</div>

CSS

div {
    overflow: hidden;
    background-color: blue;
}
div * {
    position: relative;
    z-index: 10;
}
div input[type=text]:focus {
    background-color: red;
    box-shadow: 0 0 10000px 10000px lime;
    z-index: 5;
}