Propriété caretColor Style

Définition et utilisation

caretColor L'attribut définit la couleur du curseur (insèreur) dans les champs d'entrée, les zones de texte ou tout élément éditable.

Voir également :

Manuel de référence CSS :Propriété caret-color

Exemple

Définir la couleur du curseur dans le champ d'entrée en rouge :

document.getElementById("input1").style.caretColor = "red";

Essayez-le vous-même

Syntaxe

Retourner caretColor propriété :

object.style.caretColor

Définir caretColor propriété :

object.style.caretColor = "auto|color|initial|inherit"

Valeur de l'attribut

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

Définit la couleur de l'insèreur. Vous pouvez utiliser toutes les valeurs de couleur valides (rgb, hex, couleurs nommées, etc.).

Pour plus d'informations sur les valeurs valides, lisez notre Tutoriel sur les couleurs CSS.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inhérite cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : Chaîne, représentant la couleur de l'insèreur de l'élément.
Version de CSS : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge pleinement cette propriété.

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