caret-animation | CSS CSS Properties

An experimental property to control the blinking behavior of the text cursor (caret). Setting it to 'manual' allows you to disable the default blink.

Quick example

textarea.static-cursor {
  /* Experimental: disables the cursor blink */
  caret-animation: manual;
}

Initial value

auto

Inherited

Yes

Applies to

text or elements that accept input

Animation type

discrete

automanual

Limited availability 63% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

140+