Propriété caret-color CSS

Définition et utilisation

L'attribut caret-color définit la couleur du curseur (insertion) dans les éléments input, textareas ou tout élément éditable.

Exemple

Définir la couleur du curseur dans l'élément input :

input { 
  caret-color: red;
}

Essayer vous-même

Syntaxe CSS

caret-color: auto|color;

Valeur de l'attribut

Valeur Description
auto Par défaut. Le navigateur utilise currentColor pour l'insertion.
color

Définir la couleur de l'insertion. Toutes les valeurs de couleurs valables peuvent être utilisées (rgb, hexadécimal, couleurs nommées, etc.).

Pour plus d'informations sur les valeurs valables, voir Couleurs CSSTutoriel.

Détails techniques

Valeur par défaut : auto
Héritage : Oui
Création d'animation : Non pris en charge. Voir également :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.caretColor="red"

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 53.0 11.1 44.0