Skip to content

Commit 272b1fd

Browse files
committed
[css-pseudo-4][css-forms-1] Move ::picker() to css-forms-1 where it belongs #10865
1 parent 24eda7a commit 272b1fd

File tree

2 files changed

+45
-40
lines changed

2 files changed

+45
-40
lines changed

css-forms-1/Overview.bs

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,51 @@ Abstract: This document is currently a loosely-structured set of ideas and inspi
1111
Warning: not ready
1212
</pre>
1313

14+
New Pseudo-Elements {#pseudos}
15+
==============================
16+
17+
This section defines some pseudo-elements for styling parts of form elements.
18+
19+
<h3 id="picker-pseudo">
20+
Styling form control pickers: the ''::picker()'' pseudo-element</h3>
21+
22+
The <dfn>::picker()</dfn> pseudo-element targets the popup picker of form
23+
control elements which have popup pickers, such as the <{select}> element. It
24+
is an [=element-backed pseudo-element=].
25+
26+
<pre class=prod>
27+
::picker() = ::picker( <<ident>>+ )
28+
</pre>
29+
30+
Note: Once all of the controls that might support picker styling have it,
31+
then we might add a (no-argument) ''::picker'' pseudo-element as well.
32+
33+
The ''::picker()'' pseudo-element only matches when the <a>originating
34+
element</a> supports <a>base appearance</a> and has a popup picker. The
35+
specified <<ident>> must also match the <dfn>unique picker name</dfn> of the
36+
<a>originating element</a>. For example, the <a>unique picker name</a> for
37+
the <{select}> element is "select".
38+
39+
Since it is an [=element-backed pseudo-element=], There is no restriction on which
40+
properties apply to the ''::picker()'' pseudo-element.
41+
42+
In order for the ''::picker()'' pseudo-element to be rendered, it and its
43+
<a>originating element</a> must be rendered with <a>base appearance</a> by
44+
applying ''appearance: base'' to both of them.
45+
46+
<pre class="example">
47+
&lt;style>
48+
select, select::picker(select) {
49+
appearance: base;
50+
}
51+
select::picker(select) {
52+
border: 5px solid red;
53+
background-color: blue;
54+
}
55+
&lt;/style>
56+
</pre>
57+
58+
1459
Basic Styling Proposals {#ideas}
1560
================================
1661

css-pseudo-4/Overview.bs

Lines changed: 0 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1683,46 +1683,6 @@ details[open]::details-content {
16831683
}</pre>
16841684
</div>
16851685

1686-
<h3 id="picker-pseudo">
1687-
Styling form control pickers: the ''::picker()'' pseudo-element</h3>
1688-
1689-
The <dfn>::picker()</dfn> pseudo-element targets the popup picker of form
1690-
control elements which have popup pickers, such as the <{select}> element. It
1691-
is an [=element-backed pseudo-element=].
1692-
1693-
<pre class=prod>
1694-
::picker() = ::picker( <<ident>>+ )
1695-
</pre>
1696-
1697-
Note: Once all of the controls that might support picker styling have it,
1698-
then we might add a (no-argument) ''::picker'' pseudo-element as well.
1699-
1700-
The ''::picker()'' pseudo-element only matches when the <a>originating
1701-
element</a> supports <a>base appearance</a> and has a popup picker. The
1702-
specified <<ident>> must also match the <dfn>unique picker name</dfn> of the
1703-
<a>originating element</a>. For example, the <a>unique picker name</a> for
1704-
the <{select}> element is "select".
1705-
1706-
Since it is an [=element-backed pseudo-element=], There is no restriction on which
1707-
properties apply to the ''::picker()'' pseudo-element.
1708-
1709-
In order for the ''::picker()'' pseudo-element to be rendered, it and its
1710-
<a>originating element</a> must be rendered with <a>base appearance</a> by
1711-
applying ''appearance: base'' to both of them.
1712-
1713-
<pre class="example">
1714-
&lt;style>
1715-
select, select::picker(select) {
1716-
appearance: base;
1717-
}
1718-
select::picker(select) {
1719-
border: 5px solid red;
1720-
background-color: blue;
1721-
}
1722-
&lt;/style>
1723-
</pre>
1724-
1725-
17261686
<h2 id="interactions">
17271687
Overlapping Pseudo-element Interactions</h2>
17281688

0 commit comments

Comments
 (0)