Свойство caret-color

Свойство caret-color задает цвет текстового курсора в инпуте, который появляется при вводе текста. Свойство может принимать два значения: auto (по умолчанию) и выбранный пользователь цвет.

Синтаксис

cssселектор {
  caret-color: auto или цвет;
}

Пример

Давайте зададим цвет текстового курсора по умолчанию:

html<input>

cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

Пример

А теперь давайте перекрасим текстовой курсор в синий цвет:

html<input>

cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

Смотрите также