04.03.2020
Для различных вариантов дизайна страниц нужно указывать разный цвет для плейсхолдеров в формах.
Рассмотрим такой вариант input’а:
<input type="email" placeholder="Email">
Для изменения цвета placeholder пропишем такие правила в наш CSS:
/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {
color: red;
opacity: 1;
}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {
color: red;
}
/* Microsoft Edge */
::-ms-input-placeholder {
color: red;
}
Рабочий пример кода с изменением цвета для placeholder в input:
See the Pen Set color to input placeholder by Denis (@deniscreative) on CodePen.dark