::-moz-placeholder

No estándar
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Nota: El pseudo-elemento ::-moz-placeholder fue creado como sustituto de la pseudo-clase :-moz-placeholder que fue depreciada a partir de la versión de 19 de Firefox.

Resumen

El  pseudo-elemento ::-moz-placeholder sirve para seleccionar cualquier elemento de un formulario que esté mostrando un  marcador de posición de texto (placeholder text) . Permite a los desarrolladores web y a los diseñadores de tema personalizar la apariencia de estos elementos, cuyo estilo por defecto es de color gris claro. Puede que no funcione correctamente si se cambia el color de fondo de los campos de los formularios para que sean, por ejemplo, de un color similar, así que en ese caso se puede usar este pseudo-elemento para cambiar el color del marcador de posición de texto (placeholder text).

Ejemplo

En este ejemplo se da estilo al marcador de posición del texto (placeholder text) haciendo que el color del texto sea verde (green).

Contenido HTML

<input id="test" placeholder="Placeholder text!">

Contenido CSS

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

Obtendremos el siguiente resultado:

Especificaciones

No es parte de ninguna especificación.

Compatibilidad con los distintos navegadores

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Soporte básico ? 19.0 (19.0)[1] ? ? ?
Característica Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Soporte básico ? 19.0 (19.0)[1] ? ? ? ?

[1] Firefox aplica un estilo por defecto de  opacity: 0.54 al marcador de posición del texto (placeholder). Ver bug 556145. La mayoría de los demás navegadores importante no comparten este estilo ni para el pseudo-elemento ni para la pseudo-clase.

La implementación previa en el motor Gecko era como la pseudo-clase  :-moz-placeholder. Ver bug 737786.

Ver además

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,