Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo cambiar el color del marcador de posición de entrada usando CSS

El marcador de posición muestra una breve sugerencia del valor esperado de un campo de entrada. Ayuda al usuario a conocer el formato de la entrada antes de ingresar un valor. Usando el atributo de marcador de posición, puede agregar un texto de marcador de posición al campo de entrada HTML.
En general, el color del texto del marcador de posición es gris para la mayoría de los navegadores. El color del texto del marcador de posición también se puede cambiar utilizando el selector de marcador de posición :: en CSS. El color del marcador de posición personalizado es muy útil para hacer que la IU archivada sea idéntica a la UI del formulario HTML. En este fragmento de código, le mostraremos cómo cambiar el color del marcador de posición de un elemento de formulario utilizando CSS.
El selector de marcador de posición (pseudo-elemento) le permite personalizar el estilo del texto del marcador de posición en los campos de entrada. El siguiente fragmento de código cambia el color del texto del marcador de posición a rojo con el elemento :: marcador de posición usando CSS.
< input  type = "text"  placeholder = "Ingrese su correo electrónico ..." >
El siguiente CSS cambiará el color del marcador de posición en todos los navegadores principales.
:: - webkit-input-placeholder { / * Chrome, Opera y Safari * / 
  color : rojo;
}
: -moz-placeholder { / * Firefox 18- * / 
  color : rojo;
}
:: - moz-placeholder { / * Firefox 19+ * / 
  color : red;
}
: -ms-input-placeholder { / * Microsoft Edge * / 
  color : rojo;
}

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas