Cómo establecer el color del texto "marcador de posición"?

Question

¿Es posible establecer el color del texto placeholder?

<textarea placeholder="Write your message here..."></textarea> 

Answer 1

nadie le gustan los "se refieren a esta respuesta" respuestas, pero en este caso puede ayudar a: Change an HTML5 input's placeholder color with CSS

Ya que sólo está soportado por un par de navegadores, puede probar el plugin marcador de posición jQuery (suponiendo usted puede \ está usando jQuery). Te permite diseñar el texto del marcador de posición a través de CSS, ya que en realidad solo se trata de un truco de intercambio que se realiza con los eventos de foco.

El complemento no se activa en los navegadores compatibles, por lo que puede tener CSS que se dirija a chrome \ firefox y al CSS del complemento jQuery para capturar el resto.

El plugin se puede encontrar aquí: https://github.com/mathiasbynens/jquery-placeholder

Answer 2

Prueba este

textarea::-webkit-input-placeholder { color: #999;} 

Answer 3

Para el uso de Firefox:

input:-moz-placeholder { color: #aaa; } 
textarea:-moz-placeholder { color: #aaa;} 

Para todos los otros navegadores (Chrome, IE, Safari), sólo tiene que utilizar :

.placeholder { color: #aaa; } 

Answer 4

::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #999; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #999; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #999; 
} 

Answer 5

Trate this

input::-webkit-input-placeholder { /* WebKit browsers */ 
 
    color: #f51; 
 
} 
 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
 
    color: #f51; 
 
} 
 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
 
    color: #f51; 
 
} 
 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
 
    color: #f51; 
 
}

<input type="text" placeholder="Value" />

Answer 6

#Try this: 

input[type="text"],textarea[type="text"]::-webkit-input-placeholder { 
    color:#f51; 
} 
input[type="text"],textarea[type="text"]:-moz-placeholder { 
    color:#f51; 
} 
input[type="text"],textarea[type="text"]::-moz-placeholder { 
    color:#f51; 
} 
input[type="text"],textarea[type="text"]:-ms-input-placeholder { 
    color:#f51; 
} 

##Works very well for me. 

Answer 7

Para dar marcador de posición de un color sólo tiene que utilizar estas líneas de código:

::-webkit-input-placeholder { color: red; } 
::-moz-placeholder {color: red; } 
:-ms-input-placeholder { color: red; } 
:-o-input-placeholder { color: red; }