0

Здравствуйте. Есть такие поля для ввода текста:

<label for="i">Имя</label> <input type="text" id="i"/>
<label for="f">Фамилия</label> <input type="text" id="f"/>
<label for="o">Отчество</label> <input type="text" id="o"/>

Нужно задать такой эффект, при фокусе поля, label менял цвет фона.

Посмотрите пожалуйста пример: Демо

На странице, куда вы перешли, когда нажимаешь на поле, label меняет цвет фона на красный, как мне добиться такого же эффекта?

Я написал такой код, посмотрите пожалуйста: JSfiddle

Мой код работает не правильно, при нажатии на поле, сразу пару label'ов меняют цвет

1 ответ 1

3

С помощью css вы этого не добьетесь, т.к. нельзя выбрать элемент, предшествующий выбранному. Вашу задачу надо решать на js, например с помощью jQuery http://jsfiddle.net/4E5bD/1/

Можно попробовать как-то так, если на чистом css, но это не выход http://jsfiddle.net/4E5bD/2/

1
  • Большое спасибо! Я буду больше читать книги)). Благодарю.
    – PHP
    19 июн 2014 в 21:33

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.