[whatwg] Customize HTML5 forms placeholder style

Maciej Stachowiak mjs at apple.com
Thu Feb 18 21:49:19 PST 2010

On Feb 18, 2010, at 2:54 PM, L. David Baron wrote:

> On Thursday 2010-02-18 16:45 -0600, Tab Atkins Jr. wrote:
>> Anne suggested in IRC using the pseudoclass approach, and pairing it
>> with the ::value pseudoelem from the Basic UI Module.  You could get
> But the key question (from the Webkit bug) is really whether the UA
> styles apply to the input itself or a pseudo-element inside of it.
> If the UA style is
>  input:has-placeholder { color: ... }
> then, as far as I can tell, there's no point to styling the ::value.
> If the UA style is
>  input:has-placeholder::value { color: ... }
> then you get the same cascading result as with an input::placeholder
> pseudo-element (styles that don't select the pseudo-element don't
> change the UA default), but with the addition that authors can style
> the input in other ways.

If we did that, then one of the two differences between pseudo-class  
and pseudo-element approaches would be eliminated - in either case  
setting the input color via inline style would not also change the  
placeholder text color to the same color.

The remaining difference would be whether you could style aspects of  
the input element other than the text in the mode where it is showing  
placeholder text. What are the use cases for styling other aspects of  
the input element?


More information about the whatwg mailing list