Placeholder styles

Placeholder - это текст который виден в пустом поле ввода, и предназначен для подсказки пользователю что необходимо ввести в данное поле.

Используем простой HTML для примера:

See the Pen Placeholder styles bold by Dima Sokol (@SDemonUA) on CodePen.

Для стилизации плейсхолдеров необходимо использовать вендорные псевдоклассы:

See the Pen Placeholder styles styled by Dima Sokol (@SDemonUA) on CodePen.

Важно:при объединении псевдоклассов как одно правило, стили не применяются :

/*This will not work*/
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
color:red;
border:1px solid green;
background:yellow;
}