Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
ideas:placeholder-styling [2013/01/24 13:18] – [Styling Placeholders] astearnsideas:placeholder-styling [2014/12/09 15:48] (current) – external edit 127.0.0.1
Line 1: Line 1:
 ====== Styling Placeholders ====== ====== Styling Placeholders ======
 +
 +[[spec/css4-ui|CSS4 UI]] is exploring new [[spec/css4-ui#more-selectors|UI related selectors]], such as a :placeholder psuedo-class (or ::placeholder pseudo-element).
  
 The overarching issue is whether to use a pseudoclass or pseudo-element.  A sub-issue here is how to style the placeholder text; different methods bias us toward resolving the main issue in different ways. The overarching issue is whether to use a pseudoclass or pseudo-element.  A sub-issue here is how to style the placeholder text; different methods bias us toward resolving the main issue in different ways.
Line 30: Line 32:
 ===== On #6 versus #3 ===== ===== On #6 versus #3 =====
  
-Option 6 (best of both worlds, new names) is preferable to 3 in that the pseudo-class name better represents the element state, and a specific pseudo-element for the suggested text is more clear than styling a 'placeholder value' which is never properly a value of the input element.+Option 6 (best of both worlds, new names) is preferable to 3 in that the pseudo-class name better represents the element state, and a specific pseudo-element for the suggested text is more clear than styling a 'placeholder value' which is never properly a value of the input element. Perhaps, given the 'placeholder' attribute in the HTML spec (referring to the suggested text, not the input element state) the pseudo-element should be named ::placeholder and the pseudo-class named :blank or :unedited
 
ideas/placeholder-styling.txt · Last modified: 2014/12/09 15:48 by 127.0.0.1
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki