Подскажите как сделать

[Анатолий1944]

Привет!

Есть поле ввода имени:

<input  class="input" id="name" type="text" name="name" placeholder="Введите ваше имя"> 

Подскажите как сделать так, чтобы при нажатии на поле изменялся цвет текста, который заключён в placeholder="Введите ваше имя".

Хочу сделать чтобы текст светлел, когда пользователь кликает на поле ввода.

Edited November 20, 2016 by Анатолий1944

[klierik]

Стилизуем placeholder при помощи CSS. Синтаксис, трюки, поддерживаемые стили в html5

input {
    &:hover {
        &::-webkit-input-placeholder,
        &::-moz-placeholder,
        &:-moz-placeholder,
        &:-ms-input-placeholder {
            color: #c0392b;
        }
    }
}

 

[by chris]

@Анатолий1944, технология плейсхордеров не особо перспективная. Сейчас в тренде и еще будет долгое время - позиционирование связанного элемента label с последующей его анимацией.