Last updated on : 2022-04-10
The “caret-color” property lets you set the background color of the caret in an editable text area.
Inherited
yes
Applies to
all elements
Initial value
auto
Animation type
a color
Computed value
auto is computed as specified and <color> values are computed as defined for the color property.
CSS Basic User Interface Module Level 4 # caret-color
/* Keyword values */
caret-color: auto;
caret-color: transparent;
caret-color: currentcolor;
/* <color> values */
caret-color: red;
caret-color: #5729e9;
caret-color: rgb(0, 200, 0);
caret-color: hsla(228, 4%, 24%, 0.8);
/* Global values */
caret-color: inherit;
caret-color: initial;
caret-color: revert;
caret-color: unset;
Browser Support For Safari on iOS Versions
Browser Support For Android Browser Versions
Browser Support For Chrome for Android Versions
Browser Support For Firefox for Android Versions
Browser Support For Samsung Internet Versions
Test your website on 3000+ real browsers and operating systems for mobile and desktop with the LambdaTest cloud. Perform browser compatibility test for CSS caret-color and many more web technologies that are a part of your website or web-application.
Last Modified date
2022-04-10
Data sourced from
Test this and other features on your website for compatibility across
3,000 real browsers and devices using
I hope we're able to help you build browser compatible web experience.
Fast track your browser testing experience on 3000+ browsers and OS combinations with LambdaTest.
Sarah Elson (Product & Growth Lead)