Pseudo-elemento placeholder

El pseudo-elemento placeholder establece estilos para la sugerencia placeholder en las etiquetas input o textarea.

Sintaxis

cssselector::placeholder {
  color: red;
}

Ejemplo

Vamos a colorear la sugerencia en rojo:

html<input type="text" placeholder="sugerencia">

cssinput::placeholder {
  color: red;
}

Результат:

Ejemplo . Sugerencia en textarea

Coloreemos la sugerencia en rojo en la etiqueta textarea:

html<textarea placeholder="sugerencia"></textarea>

csstextarea::placeholder {
  color: red;
}

Результат:

Véase también