Как сделать - другой цвет заполнителя
Узнайте, как изменить цвет атрибута заполнителя с помощью 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;
}