Propriété caret-color

La propriété caret-color définit la couleur du curseur de texte dans un champ de saisie, qui apparaît lors de la saisie de texte. La propriété peut prendre deux valeurs : auto (par défaut) et une couleur choisie par l'utilisateur.

Syntaxe

csssélecteur {
  caret-color: auto ou couleur;
}

Exemple

Définissons la couleur par défaut du curseur de texte :

html<input>
cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

Exemple

Maintenant, colorons le curseur de texte en bleu :

html<input>
cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

Voir aussi

  • la pseudo-classe :fullscreen,
    qui définit le style des éléments en mode plein écran
  • la pseudo-classe :indeterminate,
    qui définit le style des interrupteurs qui sont dans un état indéterminé
  • la pseudo-classe :focus-within,
    qui définit le style des éléments ayant le focus