Le pseudo-élément placeholder

Le pseudo-élément placeholder définit les styles pour l'indice placeholder dans les balises input ou textarea.

Syntaxe

csssélecteur::placeholder {
  color: red;
}

Exemple

Colorons l'indice en rouge :

html<input type="text" placeholder="indice">
cssinput::placeholder {
  color: red;
}

Результат:

Exemple . Indice dans textarea

Colorons l'indice en rouge dans la balise textarea :

html<textarea placeholder="indice"></textarea>
csstextarea::placeholder {
  color: red;
}

Результат:

Voir aussi

  • l'attribut placeholder,
    qui définit l'indice pour le champ de saisie
  • la pseudo-classe placeholder-shown,
    qui définit les styles pour le champ de saisie avec un indice