[css-ui-4] Define appearance:base

css-ui-4/Overview.bs

@@ -2111,7 +2111,7 @@ Switching appearance: the 'appearance' property</h3>
 
 	<pre class="propdef">
 	Name: appearance
-	Value: ''appearance/none'' | ''auto'' | <<compat-auto>> | <<compat-special>>
+	Value: ''appearance/none'' | ''auto'' | ''base'' | <<compat-auto>> | <<compat-special>>
 	Initial: none
 	Applies To: all elements
 	Inherited: no
@@ -2135,6 +2135,22 @@ Switching appearance: the 'appearance' property</h3>
 	giving them a <dfn export>primitive appearance</dfn>
 	where CSS can be used to restyle them.
 
+	Using ''appearance: base'' gives <a>widgets</a> a <dfn export>base
+	appearance</dfn>. <a>Widgets</a> in <span>base appearance</span> have their
+	<a>native appearance</a> suppressed where CSS can be used to restyle them,
+	just like <a>primitive appearance</a>, but also have default styles which are
+	usable and interoperable. This is unlike <a>primitive appearance</a> which
+	can cause some <a>widgets</a> to disappear completely.
+
+	A widget can have some style sheet associated with it and those styles can
+	change based on whether the widget has a <span>base appearance</span>.
+	<span>Native appearance</span> and <span>primitive appearance</span> should
+	have the same styles.
+
+	ISSUE: Do not to ship ''appearance: base'' until its stylesheet has been
+	properly and thoroughly defined (and implemented per spec) for all form
+	controls.
+
 	<details class=note>
 		<summary>Note on the history of this feature</summary>
 
@@ -2199,6 +2215,25 @@ Switching appearance: the 'appearance' property</h3>
 
 			Elements other than <a>widgets</a> must be rendered as for ''appearance/none''.
 
+		<dt><dfn>base</dfn>
+		<dd>
+			The effect of ''appearance/base'' depends on the element it is applied to:
+			<dl class=switch>
+				: elements other than <a>widgets</a>
+				:: Non-<a>widget</a> replaced elements are not affected by this and
+					remain replaced elements.
+
+				: <a>Widgets</a> which support <a>base appearance</a>
+				:: Just like ''appearance/none'', the element is rendered following the
+					usual rules of CSS. <a>Widgets</a> must not have their <a>native
+					appearance</a>, and instead must have their <a>base appearance</a>.
+
+				: <a>Widgets</a> which don't support <a>base appearance</a>
+				:: <a>Widgets</a> which don't have a <a>base appearance</a> must be
+					rendered as for ''appearance/auto''. The host language is responsible
+					for defining which <a>widgets</a> have a <a>base appearance</a>.
+			</dl>
+
 		 <dt><dfn type="">&lt;compat-auto></dfn>
 		 <dd>
 			These values exist for compatibility of content developed