Web platform features explorer

caret-shape

The caret-shape CSS property sets the shape of the insertion caret, the symbol that shows where the next character is to be inserted or deleted.

Status

Limited availability

MDN documentation

Specifications

Browser support

  • Chrome 144 Released on 2026-01-13
  • Chrome Android 144 Released on 2026-01-13
  • Edge 144 Released on 2026-01-21
  • Firefox ❌ See bugzil.la/1715487
  • Firefox for Android ❌
  • Safari ❌
  • Safari on iOS ❌

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
6

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

Developer use cases

  • Use block based carets for my terminal oriented site to improve the look and feel - https://nathanwise.software/ Use block based carets for my terminal oriented site to improve the look and feel - https://nathanwise.software/ [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist