::-webkit-input-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 ::-webkit-input-placeholder représente le texte de substitution d'un formulaire. Il permet aux auteurs et aux développeurs d'adapter la mise en forme de ce texte de substitution. Ce pseudo-élément est uniquement pris en charge par WebKit et Blink.

Exemples

HTML

<input placeholder="Veuillez saisir ici...">

CSS

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

Résultat

Spécifications

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

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple (Oui) Pas de support Pas de support (Oui) (Oui)
Fonctionnalité Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Support simple ? Pas de support Pas de support Pas de support ? (Oui)

Voir aussi

Sujets associés
  1. CSS
  2. Référence CSS
  3. CSS Selectors
  4. Guides
    1. Utiliser la pseudo-classe :target dans un sélecteur
  5. Sélecteurs simples
    1. Sélecteurs de type
    2. Sélecteurs de classe
    3. Sélecteurs d'ID
    4. Sélecteurs universels
    5. Sélecteurs d'attribut
  6. Combinateurs
    1. Combinateur de voisin direct
    2. Sélecteurs de voisins généraux
    3. Sélecteurs enfant
    4. Sélecteurs descendant
    5. Combinateur de colonne
  7. Pseudo-classes
    1. :active
    2. :any-link
    3. :checked
    4. :blank
    5. :default
    6. :defined
    7. :dir
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen
    15. :focus
    16. :focus-within
    17. :has
    18. :host()
    19. :host-context()
    20. :hover
    21. :indeterminate
    22. :in-range
    23. :invalid
    24. :is() (:matches(), :any())
    25. :lang
    26. :last-child
    27. :last-of-type
    28. :left
    29. :link
    30. :not
    31. :nth-child
    32. :nth-last-child
    33. :nth-last-of-type
    34. :nth-of-type
    35. :only-child
    36. :only-of-type
    37. :optional
    38. :out-of-range
    39. :placeholder-shown
    40. :read-only
    41. :read-write
    42. :required
    43. :right
    44. :root
    45. :scope
    46. :target
    47. :valid
    48. :visited
    49. :where()
  8. Pseudo-éléments
    1. ::-moz-progress-bar
    2. ::-moz-range-progress
    3. ::-moz-range-thumb
    4. ::-moz-range-track
    5. ::-ms-browse
    6. ::-ms-check
    7. ::-ms-clear
    8. ::-ms-expand
    9. ::-ms-fill
    10. ::-ms-fill-lower
    11. ::-ms-fill-upper
    12. ::-ms-reveal
    13. ::-ms-thumb
    14. ::-ms-ticks-after
    15. ::-ms-ticks-before
    16. ::-ms-tooltip
    17. ::-ms-track
    18. ::-ms-value
    19. ::-webkit-progress-bar
    20. ::-webkit-progress-value
    21. ::-webkit-slider-runnable-track
    22. ::-webkit-slider-thumb
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue
    27. ::first-letter
    28. ::first-line (:first-line)
    29. ::grammar-error
    30. ::placeholder
    31. ::selection
    32. ::slotted()
    33. ::spelling-error