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
sélecteur {
caret-color: auto ou couleur;
}
Exemple
Définissons la couleur par défaut du curseur de texte :
<input>
input {
padding: 5px;
caret-color: auto;
}
:
Exemple
Maintenant, colorons le curseur de texte en bleu :
<input>
input {
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
