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
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
al marcador de posición del texto (placeholder). Ver error 556145. La mayoría de los demás navegadores importante no comparten este estilo ni para el pseudo-elemento ni para la pseudo-clase.opacity
: 0.54
La implementación previa en el motor Gecko era como la pseudo-clase :-moz-placeholder
. Ver error 737786.