Syntax
Caret Color
Setting the color of the cursor in text input.
🚧This page is still under construction and some content may not be complete.
Overview
Basic usage
Set the cursor color
Use the caret-color:color to change the cursor color in text input.
Focus on input to see the cursor color
<input type="text" class="caret-color:pink-70">Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="caret-color:blue-46:hover caret-color:blue-46@sm caret-color:blue-46@dark caret-color:blue-46@print">…</div>