UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today.
caret-color property in CSS changes the color of the cursor (caret) in inputs, texareas, or really any element that is editable, like:
The color of the caret generally matches the
color of the text, but this property allows you to change those independently.
Before this existed there was a method for faking it involving forcing the text to be transparent (where supported via
-webkit-text-fill-color) and making the text show back up, colorized, via
This browser support data is from Caniuse, which has more detail. A number indicates that browser supports the feature at that version and up.
Mobile / Tablet