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.
::-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
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| 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
La implementación previa en el motor Gecko era como la pseudo-clase :-moz-placeholder. Ver error 737786.