Em HTML5, podemos fazer uso do atributo placeholder
(Inglês) com vista a dar ao utilizador uma dica sobre o tipo de dados que determinado campo aceita.
Para evitar confusões entre dados realmente escritos pelo utilizador e o texto com as instruções, gostaria de aplicar uma cor distinta ao texto do placeholder
.
<input type="text" placeholder="Primeiro e Último nome apenas" value="John Doe">
<!-- └────────────────────┬────────────────────┘ └──────┬───────┘
color: #ccc color: #444
-->
Pergunta
Recorrendo apenas a CSS, como podemos definir a cor para o placeholder
sem afectar a cor definida para o value
numa maneira que funcione nos diversos navegadores ?