Warum verändert Firefox meine Eingabe-/Platzhalterfarben?

Question

Ich habe alles versucht, Firefox dazu zu bringen, die Farbe zu verwenden, die ich als Farbe für den Platzhalter in meinen Formularen angeben kann. Einschließlich der Verwendung :-moz-placeholder In meinem CSS und alles und doch ist die daraus resultierende Farbe nie das, was ich spezifiziere.

Ich bin mir bewusst, dass Firefox ein helles Grau und seine Standardeingabe-/Platzhalterfarbe verwendet, aber warum gibt es eine Option, um ihn zu ändern, wenn es ihn nicht wirklich vollständig ändert?

Hier ist ein Codepen, den ich zum Nachweisen gemacht habe, einschließlich aller Firefox -spezifischen CSS:

Alt: http://codepen.io/jtlr/pen/bpjft

Neu: http://codepen.io/jtlr/pen/ekjhh

Answer 1

Hier ist, was das Standard -Platzhalter in Firefox ist:

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 0.54;
}

ohne Farbstile überhaupt (Referenz ist http://hg.mozilla.org/mozilla-central/file/a07aebef20e7/layout/style/forms.css#l160). Dies ist wichtig, denn auf diese Weise, wenn Sie gerade festlegen color und background Bei Ihrer Eingabe und kein spezielles Platzhalterstyling wird die Farbe, die Sie festgelegt haben, aufnehmen, aber sie einfach mehr verblasst.

Wenn Sie also den Platzhalter komplett neu gestalten möchten, setzen Sie seine Deckkraft auf 1.

Answer 2

Firefox 19+ benötigt 2 Kolons.::

Also benutze ::-moz-placeholder

Das ::-Moz-Placeholder Pseudo-Element wurde als Ersatz für die Pseudo-Klasse: -moz-Place-Helder eingeführt, die in Firefox 19 veraltet wurde.

im Gegensatz zu :-moz-placeholder

Die Pseudoklasse-Moz-Place-Hältere wird zugunsten des Pseudo-Elements in Firefox 19 zugunsten des:

Beispiel für Codepen - Nur FF.

::-moz-placeholder {
  color:red;
}

Abgesehen davon ist dies ein Selektor im Gegensatz zu einer Immobilie. Deswegen,

p { :-moz-placeholder: #000000; }

Ist falsch.