Change an input's HTML5 placeholder color with CSS Chrome supports the placeholder attribute on input[type=text] elements (others probably do too). But the following CSS doesn't do diddly squat to the placeholder's value: input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> Value will still remain grey instead of red. Is there a way to change the color of the placeholder text? I'm already using the jQuery placeholder plugin for the browsers that don't support the placeholder attribute natively. Answer :  Implementation There are three different implementations:

Is it possible to apply CSS to half of a Character? What I am looking for: A way to style one HALF of a character. (In this case, half the letter being transparent) What I have currently searched for and tried (With no luck): Methods for styling half of a character/letter Styling part of a character with CSS or JavaScript Apply CSS to 50% of a character Below is an example of what I am trying to obtain. Does a CSS or JavaScript solution exist