Как сделать - изменить цвет заполнителя
Узнайте, как изменить цвет атрибута заполнителя с помощью CSS.
Цвет заполнителя
Шаг 1) Добавьте HTML:
Используйте элемент ввода и добавьте атрибут заполнителя:
Пример
<input type="text" placeholder="A red placeholder text..">
Шаг 2) Добавьте CSS:
В большинстве браузеров текст заполнителя окрашен в серый цвет. Чтобы изменить это, стилизуйте заполнитель с помощью нестандартного ::placeholder
селектора. Обратите внимание, что Firefox добавляет более низкую непрозрачность к заполнителю, поэтому мы используем opacity:
1, чтобы исправить это.
Пример
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Совет: Узнайте больше о селекторе ::placeholder в нашем Справочнике по CSS: Свойство CSS ::placeholder .