2011-06-26 4 views
16

Duplicar posibles:
Change an input's HTML5 placeholder color with CSSDiseñando el marcador de posición de una entrada, ¿cómo puedo hacer esto?

Por ejemplo, tengo esto:

<input type='search' placeholder='Search' name='q' /> 

Cómo puedo estilo que el marcador de posición con CSS? Por defecto es gris, pero me gustaría que sea negro. ¿Tengo que usar JavaScript en su lugar?

+0

por lo que aparentemente, esto se ha pedido. varias veces. Pero sigue siendo una buena pregunta para alguien que adora stackoverflow, pero detrás de todo lo que html5 tiene para ofrecer. http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – matchew

Respuesta

11

hay una manera estándar, y no cada navegador es compatible con marcador de posición todavía.

Algo así debe hacerlo .:

/* prefix with input if you want, but this will catch input and texatrea */ 
    ::-webkit-input-placeholder { color: #000;} 
    :-moz-placeholder { color: #000; } 

http://jsfiddle.net/CHG46/

si quieres viejos y nuevos navegadores para apoyar marcador de posición (IE6-9) no parece ser un plugin (s) de jQuery, he aquí uno, https://github.com/mathiasbynens/Placeholder-jQuery-Plugin sin embargo, no se han usado antes.

0
input[placeholder="Search"] 
{ 
color: red 
} 
+0

Eso sólo entradas con colores rojos, que marcador de posición no los marcadores de posición a sí mismos. –

+0

Esto marcará el texto * ingresado * en cualquier entrada que tenga el marcador de posición "Buscar", pero no dará estilo al texto del marcador de posición. – Gareth

+0

http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css – Jawad

Cuestiones relacionadas