::-moz-placeholder

Kein Standard
Diese Funktion entspricht nicht dem Standard und ist nicht Teil der Standardisierung. Diese Funktion darf nicht in Webseiten, die via das Internet zugänglich sind, benutzt werden: Sie wird nicht für alle Nutzer funktionieren. Es kann zu umfangreichen Inkompatibilitäten zwischen verschiedenen Implementierungen kommen und die Funktionsweise oder Eigenschaften könnten in der Zukunft verändert werden.

Hinweis: Das Pseudoelement ::-moz-placeholder wurde eingeführt, um die Pseudoklasse :-moz-placeholder, die in Firefox 19 als veraltet eingestuft wurde, zu ersetzen.

Übersicht

Das ::-moz-placeholder Pseudoelement repräsentiert Formularelemente, die Platzhaltertexte anzeigen. Damit können Webentwickler und Theme Designer die Darstellung von Platzhaltertexten anpassen.

Standardmäßig wird opacity: 0.54 verwendet. Sollten Sie die Hintergrundfarbe der Formularelemente angepasst haben (beispielsweise in einen ähnlichen Farbton), so kann es sein, dass der Platzhaltertext nicht gut sichtbar ist. In diesem Fall können Sie mit ::-moz-placeholder die Textdarstellung des Platzhaltertextes ändern.

Beispiel

Das folgende Beispiel färbt den Platzhaltertext grün.

HTML Inhalt

<input id="test" placeholder="Platzhaltertext!">

CSS Inhalt

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

Das Ergebnis sieht folgendermaßen aus:

Spezifikationen

Nicht Teil einer Spezifikation.

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Grundlegende Unterstützung ? 19.0 (19.0)[1] ? ? ?
Merkmal Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Grundlegende Unterstützung ? 19.0 (19.0)[1] ? ? ? ?

[1] Firefox verwendet standardmäßig opacity: 0.54 für Platzhaltertexte. Siehe Bug 556145. Die meisten anderen Browser verwenden momentan andere Standards für ihre Platzhalter Pseudoelemente oder Pseudoklassen.

Gecko hat dies zuvor als :-moz-placeholder Pseudoklasse implementiert. Siehe Bug 737786.

Siehe auch

Verwandte Themen
  1. CSS
  2. CSS Referenz
  3. CSS Selectors
  4. Handbuch
    1. Using the :target pseudo-class in selectors [Übersetzen]
  5. Basic Selectors
    1. Typselektoren
    2. Klassenselektoren
    3. ID-Selektoren
    4. Universalselektoren
    5. Attributselektoren
  6. Combinators
    1. Angrenzende Geschwisterselektoren
    2. Allgemeine Geschwisterselektoren
    3. Kindselektoren
    4. Descendant combinator [Übersetzen]
    5. Column combinator [Übersetzen]
  7. Pseudo-classes
    1. :active
    2. :any-link [Übersetzen]
    3. :checked [Übersetzen]
    4. :blank [Übersetzen]
    5. :default
    6. :defined [Übersetzen]
    7. :dir()
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen
    15. :focus
    16. :focus-within [Übersetzen]
    17. :has() [Übersetzen]
    18. :host() [Übersetzen]
    19. :host-context() [Übersetzen]
    20. :hover
    21. :indeterminate
    22. :in-range
    23. :invalid
    24. :is() (:matches(), :any()) [Übersetzen]
    25. :lang
    26. :last-child
    27. :last-of-type
    28. :left [Übersetzen]
    29. :link
    30. :not()
    31. :nth-child
    32. :nth-last-child() [Übersetzen]
    33. :nth-last-of-type() [Übersetzen]
    34. :nth-of-type() [Übersetzen]
    35. :only-child
    36. :only-of-type [Übersetzen]
    37. :optional
    38. :out-of-range
    39. :placeholder-shown [Übersetzen]
    40. :read-only [Übersetzen]
    41. :read-write [Übersetzen]
    42. :required
    43. :right [Übersetzen]
    44. :root
    45. :scope [Übersetzen]
    46. :target [Übersetzen]
    47. :valid [Übersetzen]
    48. :visited
    49. :where() [Übersetzen]
  8. Pseudo-elements
    1. ::-moz-progress-bar
    2. ::-moz-range-progress [Übersetzen]
    3. ::-moz-range-thumb [Übersetzen]
    4. ::-moz-range-track [Übersetzen]
    5. ::-ms-browse
    6. ::-ms-check
    7. ::-ms-clear [Übersetzen]
    8. ::-ms-expand [Übersetzen]
    9. ::-ms-fill
    10. ::-ms-fill-lower
    11. ::-ms-fill-upper
    12. ::-ms-reveal
    13. ::-ms-thumb
    14. ::-ms-ticks-after [Übersetzen]
    15. ::-ms-ticks-before [Übersetzen]
    16. ::-ms-tooltip [Übersetzen]
    17. ::-ms-track [Übersetzen]
    18. ::-ms-value [Übersetzen]
    19. ::-webkit-progress-bar [Übersetzen]
    20. ::-webkit-progress-value [Übersetzen]
    21. ::-webkit-slider-runnable-track [Übersetzen]
    22. ::-webkit-slider-thumb [Übersetzen]
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue [Übersetzen]
    27. ::first-letter (:first-letter) [Übersetzen]
    28. ::first-line (:first-line) [Übersetzen]
    29. ::grammar-error [Übersetzen]
    30. ::placeholder [Übersetzen]
    31. ::selection
    32. ::slotted() [Übersetzen]
    33. ::spelling-error [Übersetzen]