Exemple de code de la propriété CSS caret-color.

<style>
.caret-color{
caret-color : red; 
cursor : pointer; 
}
.caret-color-transparent{
caret-color : transparent; 
cursor : pointer; 
}
.exemple{ display : block }
div.exemple{ border:1px solid #ccc; width:50%; height : 25px; }
</style>
<form>
Champ input texte sans caret-color : <input type="text" name="input-0" value="" class="exemple">
Champ input texte avec caret-color : <input type="text" name="input-0" value="" class="exemple caret-color">
Champ input texte avec caret-color-transparent : <input type="text" name="input-0" value="" class="exemple caret-color-transparent">
Champ input textarea sans caret-color : <textarea name="textarea-0" class="exemple"></textarea>
Champ input textarea avec caret-color : <textarea name="textarea-1" class="exemple caret-color"></textarea>
Champ input textarea avec caret-color-transparent : <textarea name="textarea-1" class="exemple caret-color-transparent"></textarea>
</form>
Balise éditable par l'utilisateur sans caret-color :
<div class="exemple" contenteditable="true"></div>
Balise éditable par l'utilisateur avec caret-color :
<div class="exemple caret-color" contenteditable="true"></div>
Balise éditable par l'utilisateur avec caret-color-transparent :
<div class="exemple caret-color-transparent" contenteditable="true"></div>