Свойство caret-color CSS

Определение и использование

Свойство caret-color определяет цвет курсора (маркера вставки) в элементах input, textarea или любом редактируемом элементе.

Пример

Установите цвет курсора в элементе input:

input { 
  caret-color: red;
}

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

Синтаксис CSS

caret-color: auto|color;

Значение свойства

Значение Описание
auto По умолчанию. Браузер использует currentColor для маркера вставки.
color

Указывает цвет маркера вставки. Можно использовать все законные значения цветов (rgb, шестнадцатеричные значения, именованные цвета и т.д.).

Для получения更多信息 о合法ных значениях см. Цвет CSSУчебник.

Технические детали

Значение по умолчанию: auto
Инheritance: Да
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3
Синтаксис JavaScript: object.style.caretColor="red"

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 53.0 11.1 44.0