CSS Click Chart

Caret Color

For an element with editable text, this property allows you to set the color of the caret (the blinking visible indicator where text is to be inserted).


Insertion caret on W3C

Example Code

Live Demonstration

Click inside the textarea below. The color of the blinking cursor (i.e. caret) will be hot pink.

Browser Support

Can I Use css-caret-color? Data on support for the caret-color feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles