In HTML5, we can make use of the
placeholder attribute % (English) to give the user a hint about the type of data a given field accepts.
To avoid confusion between data actually written by the user and the text with instructions, I would like to apply a different color to the text of
<input type="text" placeholder="Primeiro e Último nome apenas" value="John Doe"> <!-- └────────────────────┬────────────────────┘ └──────┬───────┘ color: #ccc color: #444 -->
Using CSS only, how can we set the color to
placeholder without affecting the color set for
value in a way that works across browsers?