Как задать стиль текста placeholder в форме с помощью CSS

placeholder — это замещающий текст в поле формы который пропадает при активации поля. Ниже представлен простой кросссбраузерный вариант изменения цвета placeholder с помощью CSS.

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ff0000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}