Elemento pseudo ::placeholder de CSS

Definición y uso

CSS ::placeholder El pseudo-elemento se utiliza para configurar <input> o <textarea> Estilo del texto del marcador del elemento.

El texto del marcador se establece a través de la propiedad placeholder, que describe la sugerencia esperada para el campo.

Consejo:En la mayoría de los navegadores, el color predeterminado del texto del marcador es gris claro.

Ejemplo

Cambiar el color y la opacidad del texto del marcador en el campo de entrada:

input::placeholder {
  color: red;
  opacity: 0.5;
}

Prueba por ti mismo

Sintaxis CSS

::placeholder {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente el pseudo-elemento.

Páginas relacionadas

Referencia CSS::placeholder-shown clase pseudo