CSS :: Selector de marcador de posición
Ejemplo
Cambie el color del texto del marcador de posición de un campo de entrada:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Definición y uso
El ::placeholder
selector selecciona elementos de formulario con texto de marcador de posición y le permite diseñar el texto de marcador de posición.
El texto del marcador de posición se establece con el atributo de marcador de posición, que especifica una sugerencia que describe el valor esperado de un campo de entrada.
Sugerencia: el color predeterminado del texto del marcador de posición es gris claro en la mayoría de los navegadores.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el selector.
Los números seguidos de -webkit-, -moz- o -ms- especifican la primera versión que funcionó con un prefijo.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
Sintaxis CSS
::placeholder {
css declarations;
}