Цветом по умолчанию заполнителя ввода в HTML обычно является светло-серый цвет. Однако важно отметить, что внешний вид элементов формы, включая цвет заполнителя ввода, может различаться в зависимости от используемого веб-браузера и операционной системы. Вот несколько способов изменить цвет по умолчанию заполнителя ввода:
- Селектор CSS::placeholder: вы можете использовать селектор CSS
::placeholder, чтобы выбрать заполнитель ввода и применить пользовательские стили, включая изменение цвета. Например:
input::placeholder {
color: red;
}
- CSS :placeholder-shown Псевдокласс: Псевдокласс
:placeholder-shownвыбирает элемент ввода, когда текст заполнителя виден. Вы можете изменить цвет заполнителя, нацеливаясь на этот псевдокласс. Например:
input:placeholder-shown {
color: blue;
}
- JavaScript: вы можете использовать JavaScript для динамического изменения цвета заполнителя. Вот пример использования JavaScript:
var inputElement = document.getElementById("myInput");
inputElement.style.color = "green";
-
CSS-фреймворки или библиотеки. Если вы используете CSS-фреймворк или библиотеку, например Bootstrap или Material-UI, они часто предоставляют свои собственные классы и стили для изменения внешнего вида заполнителей ввода.
-
Настройка стилей браузера. Некоторые веб-браузеры позволяют настраивать внешний вид элементов формы, включая цвет заполнителя ввода, с помощью свойств CSS, специфичных для браузера.