Как изменить цвет маркера

Узнайте, как использовать CSS для изменения цвета свойств маркера.

Попробуйте сами

Как изменить цвет маркера

Шаг 1 - Добавьте HTML:

Используйте элемент ввода и добавьте placeholder Атрибуты:

<input type="text" placeholder="A red placeholder text..">

Шаг 2 - Добавьте CSS:

В большинстве браузеров текст маркеров является серым. Чтобы изменить это, используйте ::placeholder Выборщик для установки стиля маркеров.

Обратите внимание, что Firefox добавляет较低ую непрозрачность для маркеров, поэтому мы используем opacity: 1 Решить эту проблему.

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

Попробуйте сами

Связанные страницы

Руководство:Выборатель CSS ::placeholder