Name: CSS Caret Color Generator
Availability: OnlineOnly
Rating: 4.9 (32 reviews)
Author: Brix340 Tools

Custom ColorChoose a specific color for the caret

autoBrowser default, usually currentColor or inverted background

currentColorInherit from the element's text color

transparentHide the caret completely

Include ::selection stylesInclude ::placeholder styles

Click in the input below and type to see the caret color

auto

currentColor

#3b82f6

transparent

input {
  caret-color: #3b82f6;
}