Cómo - Cambiar el color del marcador de posición
Aprenda a cambiar el color del atributo de marcador de posición con CSS.
Color de marcador de posición
Paso 1) Agregar HTML:
Use un elemento de entrada y agregue el atributo de marcador de posición:
Ejemplo
<input type="text" placeholder="A red placeholder text..">
Paso 2) Agregar CSS:
En la mayoría de los navegadores, el texto del marcador de posición es gris. Para cambiar esto, aplique estilo al marcador de posición con el ::placeholder
selector no estándar. Tenga en cuenta que Firefox agrega una opacidad más baja al marcador de posición, por lo que usamos opacity:
1 para solucionar esto.
Ejemplo
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Sugerencia: Lea más sobre el ::selector de marcador de posición en nuestra Referencia de CSS: CSS ::Propiedad de marcador de posición .