Differences

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

--- ideas:placeholder-styling [2013/01/24 13:18] – [Styling Placeholders] astearns
+++ ideas:placeholder-styling [2013/02/05 19:32] – [Styling Placeholders] note relationship to CSS4-UI Tantek
@@ Line 1: / Line 1: @@
 ====== 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.
@@ Line 30: / Line 32: @@
 ===== 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