Cómo cambiar el color del marcador de posición
- Página anterior Borde de contenido editable
- Página siguiente Deshabilitar el ajuste del tamaño del área de texto
Aprenda a usar CSS para cambiar el color de las propiedades del marcador de posición.
Cómo cambiar el color del marcador de posición
Primer paso - Añadir HTML:
Utilice el elemento de entrada y agregue placeholder Atributo:
<input type="text" placeholder="Un texto de marcador de posición rojo..">
Segundo paso - Añadir CSS:
En la mayoría de los navegadores, el texto de marcador de posición es de color gris. Para cambiar esta configuración, utilice ::placeholder Selector para establecer el estilo de los marcadores de posición.
Tenga en cuenta que Firefox agrega una opacidad más baja a los marcadores de posición, por lo que utilizamos opacity: 1 Para resolver este problema.
::placeholder {
color: red;
opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
color: red;
{}
Páginas relacionadas
Manual de referencia:Selector de ::placeholder de CSS
- Página anterior Borde de contenido editable
- Página siguiente Deshabilitar el ajuste del tamaño del área de texto
