Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété caret-color

Description.

Définit la couleur du marqueur de texte. Il s'agit bien du marqueur clignotant qui apparait lorsqu'on a cliqué dans une zone de saisie. Le curseur associé à la souris n'est pas impacté par cette propriété.

Curseur souris et marqueur de texte

Syntaxes pour caret-color.

  • caret-color: auto;

    Valeur par défaut. Le navigateur affiche le marqueur de texte dans la même couleur que le texte.

  • caret-color: #00AA00;

    Une indication de couleur, dans n'importe quelle syntaxe reconnue par CSS (voir les couleurs CSS). Le marqueur de texte est affiché dans cette couleur.

  • caret-color: inherit | initial | unset;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

Choisissez une couleur avec le simulateur ci-dessous et cliquez dans la zone de test. Le marqueur de texte est un trait très fin et clignotant. Certaines couleurs le rendent difficiles à voir.

caret-color :
Test :

Prise en charge de la propriété caret-color.

Afficher les versions antérieures   Afficher la version à venir  

Voir aussi...

Couleurs - Propriétés.

Couleurs - Fonctions.

  • hsl() : Détermine une couleur à partir des paramètres Teinte (Hue), Saturation et Luminosité.
  • hsla() : Détermine une couleur et sa transparence à partir des paramètres Teinte (Hue), Saturation, Luminosité et Alpha.
  • hue-rotate() : Change les couleurs d'une image (rotation des teintes).
  • hwb() : Définit une couleur à partir de sa teinte et d'une dose de noir et de blanc.
  • rgb() : Détermine une couleur à partir des valeurs de Rouge, de Vert et de Bleu.
  • rgba() : Détermine une couleur et sa transparence à partir des valeurs de Rouge, de Vert, de Bleu et de la valeur Alpha.