Re: Styling HTML placeholder attribute

Le 22/01/2013 00:22, Mounir Lamouri a écrit :
> Hi,
>
> Styling forms element is generally speaking painful and even the very
> simple HTML placeholder attribute follows that rule. Currently, as most
> form control styling, it is proprietary.
>
> The current situation seems to be:
> - Webkit: ::-webkit-input-placeholder pseudo-element;
> - IE10: :-ms-input-placeholder pseudo-class;
> - Gecko18-: :-moz-placeholder pseudo-class;
> - Gecko19+: ::-moz-placeholder pseudo-element;
> - Presto: nothing.

Hi,

If multiple implementations have it, we should specify it.


> Recently, Gecko moved from a pseudo-class to a pseudo-element [1] for
> multiple reasons. […]

If an input’s placeholder can have CSS properties that are not the same 
as the input itself, it is a pseudo-element. The only meaning I can 
imagine for a :placeholder pseudo-class is selecting inputs that are 
currently showing their placeholder.

I seem that IE10 and Gecko18- are using pseudo-class *syntax* for 
something that is really a pseudo-element.


> I believe that we should be able to easily push this to css3-ui

Or maybe selectors4, depending on
http://lists.w3.org/Archives/Public/www-style/2013Jan/0287.html
http://lists.w3.org/Archives/Public/www-style/2013Jan/0286.html


> FWIW, the current Gecko implementation can be described as follow:
> - pseudo-element;
> - restricted set of rules: as '::first-line' + 'opacity';
> - default style: "opacity: 0.54;" [2].

The last bit is in the UA stylesheet, isn’t it?

Cheers,
-- 
Simon Sapin

Received on Tuesday, 22 January 2013 14:59:16 UTC