[css-forms-1] Update structure and styles for temporal input w3c/csswg-drafts@0173504

Author: triple-underscore

css-forms-ja.html

@@ -159,8 +159,8 @@
 ●●options
 
 spec_title:CSS Gap Decorations Module Level 1
-spec_date:2026-03-05
-trans_update:2026-03-06
+spec_date:2026-03-09
+trans_update:2026-03-12
 	source_checked:
 page_state_key:CSS
 original_url:https://drafts.csswg.org/css-forms-1/
@@ -1201,15 +1201,15 @@ <h2 title="Pseudo-Elements">4. 疑似要素</h2>
 <td>`file-selector-button$pe
 
 <tr><td>`input type=date＠~HEinput#date-state-(type=date)$e
-<td rowspan="5">
-<p>
-次に挙げるもの（正確な構造は~localeに依存する）：
-</p>
-<ul>
-	<li>`field-component$pe</li>
-	<li>`field-separator$pe</li>
-	<li>`picker-icon$pe</li>
-</ul>
+<td rowspan="5" style="vertical-align:top;">
+<div class="_box-tree">
+<ol><li>`field-text$pe
+	<ol><li>`field-component$pe
+		<li>`field-separator$pe
+	</ol>
+	<li>`picker-icon$pe
+</ol>
+</div>
 <p>
 `§ 日時~入力~field用の各部の~style法＠#date-time-pseudos$ を見よ。
 </p>
@@ -1270,11 +1270,10 @@ <h2 title="Pseudo-Elements">4. 疑似要素</h2>
 &lt;input type=file&gt;｜::file-selector-button
 &lt;input type=date&gt;｜
 
-    ::field-component
-
-    ::field-separator
-
-    ::picker-icon
+├─ ''::field-text''
+│  ├─ ''::field-component''
+│  └─ ''::field-separator''
+└─ ''::picker-icon''
 
 See § 4.8 Styling Parts for Date/Time Input Fields: the ::field-component and ::field-separator pseudo-elements
 &lt;input type=datetime-local&gt;｜↑
@@ -1951,13 +1950,14 @@ <h3 title="Styling Parts for Date/Time Input Fields: the ::field-component and :
 
 <p>
 これらの疑似要素は、
-互いに同胞である。
+互いに同胞であり，
+`field-text$pe 疑似要素の中に包含される。
 当の~controlを成す正確な構造は、［
 国際-化, ~host言語
 ］により決定されるが，
 各~UAにまたがって一貫するモノトスル。
 ◎
-Those pseudo-elements are siblings. The exact structure of the control is determined by internationalization and by the host language, but must be consistent across user-agents.
+Those pseudo-elements are siblings. The exact structure of the control is determined by internationalization and by the host language, but must be consistent across user-agents. ::field-component and ::field-separator pseudo-elements are all contained within a ::field-text pseudo-element.
 </p>
 
 <div class="example" id="date-input-pseudo-element-structure">
@@ -1998,20 +1998,24 @@ <h3 title="Styling Parts for Date/Time Input Fields: the ::field-component and :
 
 <div class="_box-tree">
 `input type="date"^e
-<ol><li>`field-component^pe (08)
-	<li>`field-separator^pe (/)
-	<li>`field-component^pe (22)
-	<li>`field-separator^pe (/)
-	<li>`field-component^pe (2024)
+<ol><li>`field-text^pe
+	<ol><li>`field-component^pe (08)
+		<li>`field-separator^pe (/)
+		<li>`field-component^pe (22)
+		<li>`field-separator^pe (/)
+		<li>`field-component^pe (2024)
+	</ol>
+	<li>`picker-icon^pe
 </ol>
 ◎
 &lt;input type="date"&gt;
-├─ ::field-component (08)
-├─ ::field-separator (/)
-├─ ::field-component (22)
-├─ ::field-separator (/)
-├─ ::field-component (2024)
-└─ ::picker-icon
+  ├─ ::field-text
+  │  ├─ ::field-component (08)
+  │  ├─ ::field-separator (/)
+  │  ├─ ::field-component (22)
+  │  ├─ ::field-separator (/)
+  │  └─ ::field-component (2024)
+  └─ ::picker-icon
 </div>
 </div>
 
@@ -3106,6 +3110,21 @@ <h4 title="List box selects">~list~box `select^e</h4>
 }
 </pre>
 			</section>
+			<section id="stylesheet-text-inputs">
+<h4 title="Text inputs">~text入力</h4>
+
+<pre class="lang-css">
+input::field-text {
+  display: flow !important;
+}
+
+input::field-component,
+input::field-separator {
+  position: static !important;
+}
+</pre>
+
+			</section>
 		</section>
 	</section>
 	<section id="changes">