[whatwg] Customize HTML5 forms placeholder style

L. David Baron dbaron at dbaron.org
Thu Feb 18 14:54:08 PST 2010

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.


L. David Baron                                 http://dbaron.org/
Mozilla Corporation                       http://www.mozilla.com/

More information about the whatwg mailing list