Web features explorer - caret-shape

Web features explorer

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.

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 Not supported Bugs: 1715487
Firefox for Android Not supported
Safari Not supported
Safari on iOS Not supported

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

`caret-shape` CSS property

Specifications

CSS Basic User Interface Module Level 4 (#propdef-caret-shape), from Cascading Style Sheets (CSS) Working Group (W3C).

Web Platform Tests (WPT)

View the latest WPT test results for this feature

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