::-moz-placeholder

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Le pseudo-élément ::-moz-placeholder représente n'importe quel élément de formulaire qui affiche un texte de substitution (placeholder). Cela permet aux auteurs et développeurs web d'adapter l'apparence du texte proposé avant la saisie (qui est coloré en gris clair par défaut). On pourra ainsi adapter la couleur du texte si on a changé la couleur d'arrière-plan des champs.

Note : Le pseudo-élément ::-moz-placeholder a été introduit afin de remplacer la pseudo-classe :-moz-placeholder dépréciée avec Firefox 19. Depuis Firefox 51, cette fonctionnalité est implémentée via le pseudo-élément standard ::placeholder.

Exemples

CSS

input::-moz-placeholder {
  color: green;
}

HTML

<input id="test" placeholder="Texte de substitution !">

Résultat

Spécifications

Ce pseudo-élément est un pseudo-élément propriétaire lié à Gecko/Mozilla et ne fait partie d'aucune spécification.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple ? 19.0 (19.0)[1] ? ? ?
Fonctionnalité Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Support simple ? 19.0 (19.0)[1] ? ? ? ?

[1] Par défaut, Firefox applique un style de opacity: 0.54 au texte de substitution. Voir le bug 556145 pour plus d'informations. Les autres navigateurs n'utilisent pas ce style par défaut pour les pseudo-classes et pseudo-éléments associés aux textes de substitution.

Auparavant, Gecko implémentait cette fonctionnalité via la pseudo-classe :-moz-placeholder. Voir bug 737786.

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,