mirror of
https://github.com/servo/servo.git
synced 2025-07-02 21:13:39 +01:00
38 lines
1.6 KiB
Text
38 lines
1.6 KiB
Text
<csstest def=":focus with ::selection" module="W3C Selectors" modulename="css3-modsel" number="164" rev="1.0" date="21-november-2001" xmlns="http://www.example.org/css3tests">
|
|
|
|
<author>Ian Hickson</author>
|
|
|
|
<userinteraction/>
|
|
|
|
<cssrules>
|
|
textarea { border: solid thick gray; }
|
|
textarea:focus { border: solid thick green; }
|
|
textarea::selection { background: silver; color: black; }
|
|
textarea:focus::selection { background: lime; color: black; }
|
|
</cssrules>
|
|
|
|
<code>
|
|
<p xmlns="http://www.w3.org/1999/xhtml"><textarea rows="5" cols="70"
|
|
>Select some of this text, then change the focus around. While this
|
|
text is focussed, the selection should be green. While the focus is
|
|
elsewhere, the selection should be silver. The border should at all
|
|
times be a darker colour than the selection's background. Repeat the
|
|
test with everything selected.</textarea></p>
|
|
|
|
<p xmlns="http://www.w3.org/1999/xhtml">CONFORMANCE NOTE: If the UA
|
|
removes the selection when the focus leaves the text, which is also
|
|
valid behaviour, then the description above is inaccurate. In these
|
|
cases, the selection should disappear completely when the focus is
|
|
moved, and when the focus is returned, the selection should not be
|
|
in the same place as when focus was removed (typically, either the
|
|
selection will be non-existent, or everything will be selected --
|
|
but what is selected is independent of what was selected when the
|
|
focus was removed).</p>
|
|
|
|
<p xmlns="http://www.w3.org/1999/xhtml">If the selection is
|
|
preserved, then the selection should NOT disappear when focus is
|
|
removed, it should instead turn silver as described.</p>
|
|
|
|
</code>
|
|
|
|
</csstest>
|