CSS Caret Color Property is used to give the costume color to the cursor in the input fields. Input fields like text box, textarea are used to get the text value from the user. Browser are have the default color for the cursor. Using this you can change this color.
SYNTAX:
input{ caret-color: color name [or] color value; }
Example:
CSS:
input.input-box{ caret-color:red; }
HTML:
<input class=”input-box” type=”text”>
OUTPUT:
Click here you will red color cursor point.
Feature | Chrome | Firefox | IE | Opera | Safari |
---|---|---|---|---|---|
Basic support | 57+ | 53+ | Not Support | 44+ | Not Support |