Al leer un artículo sobre HTML5, se me ocurre que si bien los marcadores de posición son increíblemente útiles en la usabilidad de formularios, si no se pueden segmentar con CSS sin javascript, realmente son un paso de bebé.Marcadores de posición de texto de formulario HTML5: ¿tienen una pseudoclase de CSS?
¿Puedo orientar el marcador de posición en CSS para que se vea de forma diferente al texto ingresado?
Webkit utiliza un pseudoelemento :: - webkit-input-placeholder. Moz usa una pseudoclase: -moz-placeholder.
Gracias por la información útil. ¿Hay alguna variante para IE9? –
IE9 no es compatible con marcador de posición. –
Gracias por aclarar eso para mí. –
supongo que tienes algo como esto en su HTML
<input type="text" name="name" />
El CSS correspondiente sería
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: blue;
}
input::-moz-placeholder { /* Firefox 19+ */
color: blue;
}
input:-ms-input-placeholder { /* IE 10+ */
color: blue;
}
input:-moz-placeholder { /* Firefox 18- */
color: blue;
}
input:placeholder {
color: blue;
}
También animo a echar un vistazo a
input:placeholder-shown {
border: 5px solid red;
}
Esta es una buena resource .
¿Hay alguna manera de obtener un comportamiento de "marcador de posición" sin JavaScript? – Pointy
Duplicado de: http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css –
@Pointy Sí, como dice Mild Fuzz, está en HTML5. [Esto, por ejemplo] (http://jsfiddle.net/jnzhe/), ya funciona en Chrome. –