Pseudo-elemento placeholder
El pseudo-elemento placeholder establece estilos
para la sugerencia placeholder
en las etiquetas input
o textarea.
Sintaxis
selector::placeholder {
color: red;
}
Ejemplo
Vamos a colorear la sugerencia en rojo:
<input type="text" placeholder="sugerencia">
input::placeholder {
color: red;
}
:
Ejemplo . Sugerencia en textarea
Coloreemos la sugerencia en rojo en la etiqueta
textarea:
<textarea placeholder="sugerencia"></textarea>
textarea::placeholder {
color: red;
}
:
Véase también
-
atributo
placeholder,
que establece la sugerencia para el campo de entrada -
pseudoclase
placeholder-shown,
que establece estilos para el campo de entrada con sugerencia