[css-ui] Make appearance: textfield on <input type=search> work

Author: zcorpan

css-ui-4/Overview.bs

@@ -1795,7 +1795,7 @@ so that CSS can be used to restyle them.
 
 <pre class="propdef">
 Name: appearance
-Value: ''appearance/none'' | ''auto'' | ''button'' | <<compat>>
+Value: ''appearance/none'' | ''auto'' | ''button'' | ''textfield'' | <<compat>>
 Initial: none
 Applies To: all elements
 Inherited: no
@@ -1851,13 +1851,21 @@ Animation type: discrete
 		on which this value <em>must</em> be treated as auto for web compat requirements?
 		The phrasing above alows it, and that's probably enough.
 
+	<dt><dfn>textfield</dfn>
+	<dd>
+		For <{input}> elements where the <{input/type}> attribute is in the Search state,
+		the element is rendered as a "normal" text entry widget,
+		similar to an <{input}> element where the <{input/type}> attribute is in the Text state.
+
+		For all other elements, this value has the same effect as ''appearance/auto''.
+
 	<dt><dfn type="">&lt;compat></dfn>
 	<dd>
 		These values exist for compatibility of content developed
 		for earlier non standard versions of this property.
 		They all have the same effect as ''appearance/auto''.
 
-		<pre class=prod style="white-space: normal"><<compat>> =  <dfn>textfield</dfn> | <dfn>searchfield</dfn> | <dfn>textarea</dfn> | <dfn>push-button</dfn> | <dfn>slider-horizontal</dfn> | <dfn>checkbox</dfn> | <dfn>radio</dfn> | <dfn>square-button</dfn> | <dfn>menu-list</dfn> | <dfn>listbox</dfn> | <dfn>meter</dfn> | <dfn>progress-bar</pre></dfn>
+		<pre class=prod style="white-space: normal"><<compat>> =  <dfn>searchfield</dfn> | <dfn>textarea</dfn> | <dfn>push-button</dfn> | <dfn>slider-horizontal</dfn> | <dfn>checkbox</dfn> | <dfn>radio</dfn> | <dfn>square-button</dfn> | <dfn>menu-list</dfn> | <dfn>listbox</dfn> | <dfn>meter</dfn> | <dfn>progress-bar</pre></dfn>
 
 		Issue: If any of these value is not needed for web compat,
 		they should be dropped from this list;