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

ClassDeclarations
caret:colorcaret-color: color;
caret:currentcaret-color: currentColor;
caret:transparentcaret-color: transparent;

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>
Syntax
break-inside

Controlling how page, column, or region breaks should occur within the specified element.

Syntax
clear

Moving an element below floating elements instead of floating to the left or right.

© Aoyue Design LLC.