Подтвердить что ты не робот

Воздействие на родительский элемент: focus'd (предпочтительный CSS + HTML)

Как изменить фон родительского <div>, когда <input> или <a>: focus'd (или любой другой динамический псевдокласс?

Например,

<div id="formspace">
<form>
<label for="question">
How do I select #formspace for the case when a child is active?</label>
<input type="text" id="question" name="answer"/></form></div>

Ответ 1

К сожалению, css не поддерживает родительские селекторы.:(
Таким образом, единственный способ сделать это - использовать javascript, как родительский метод jQuery.

Update: Селекторы CSS Level 4 будут поддерживать родительские селектора! http://www.w3.org/TR/selectors4/#subject

Ответ 2

Единственный способ, которым я могу думать, - это использовать JavaSCript:

function focusLink(isOnFocus)
{
    if (isOnFocus)
      document.getElementById('formspace').className = "<make a focus class name here>";
    else
      document.getElementById('formspace').className = "<default class name here>";
}

...

<input onFocus="focusLink(true)" onBlur="focusLink(false)">

Надеюсь, что это поможет!