Узнать, как создать цветной текстовый ввод используя HTML, CSS.
Цветной текстовый ввод
Попробуйте сами »Шаг 1) Добавить HTML:
Используйте элемент input и добавьте атрибут placeholder:
<input type="text" placeholder="Красный текст ввода..">
Шаг 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 Свойство ::placeholder.