¿Por qué Firefox está alterando los colores de mi entrada/marcador de posición?

Question

He intentado todo para que Firefox use el color que especifica como el color del marcador de posición en mis formularios. Incluyendo usar :-moz-placeholder En mi CSS y todo, el color resultante nunca es lo que especifico.

Soy consciente de que Firefox usa un gris liviano y su color de entrada/marcador de posición predeterminado, pero ¿por qué hay una opción para cambiarlo si realmente no lo cambia completamente?

Aquí hay un CodePen que hice para demostrar que incluye todos los CSS específicos de Firefox:

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

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

Answer 1

Esto es lo que es el estilo de marcador de posición predeterminado en Firefox:

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

sin ningún estilos de color (la referencia es http://hg.mozilla.org/mozilla-central/file/a07eBef20e7/layout/style/forms.css#l160). Esto es importante, porque de esta manera si te acompañas color y background En su aporte, y no tenga un estilo especial de marcador de posición, recogerá el color que establece, pero solo hará que se vea más desvanecido.

Entonces, si desea reaprobar completamente el marcador de posición, establezca su opacidad en 1.

Answer 2

Firefox 19+ requiere 2 colons.::

Así que usa ::-moz-placeholder

El pseudo-elemento ::-Moz-Placeholder se introdujo como un reemplazo de la pseudo-clase de: -Moz-Placeholder que se ha desaprobado en Firefox 19.

Opuesto a :-moz-placeholder

La pseudo-clase de: -Moz-Placeholder estará en favor a favor del pseudo-elemento ::-Moz-Placeholder en Firefox 19.

Ejemplo de CodePen de trabajo - solo ff.

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

Aparte de eso, este es un selector, a diferencia de una propiedad. Por lo tanto,

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

Es incorrecto.