CSS :: Sélecteur d' espace réservé
Exemple
Modifiez la couleur du texte d'espace réservé d'un champ de saisie :
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Définition et utilisation
Le ::placeholder
sélecteur sélectionne les éléments de formulaire avec un texte d'espace réservé et vous permet de styliser le texte d'espace réservé.
Le texte de l'espace réservé est défini avec l'attribut d'espace réservé, qui spécifie un indice décrivant la valeur attendue d'un champ d'entrée.
Conseil : La couleur par défaut du texte de l'espace réservé est gris clair dans la plupart des navigateurs.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge le sélecteur.
Les nombres suivis de -webkit-, -moz- ou -ms- spécifient la première version qui a fonctionné avec un préfixe.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
Syntaxe CSS
::placeholder {
css declarations;
}