CSS caret-color Property

The caret-color CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. ... The caret is typically a thin vertical line that flashes to help make it more noticeable. By default, it is black, but its color can be altered with this property

The caret-color property specifies the color of the cursor (caret) in inputs, textareas, or any element that is editable.

CSS Syntax

caret-color: auto|color;
Property values:
  • auto: It has a default value. It uses the current-color in the web browser.
  • color: It is used to specify the color value use for the caret. All values can be used (rgb, hex, named-color, etc).

Example -