| Version |
|---|
| CSS3 |
| IE8 | FF3.5 | SA3.1+ | OP9.5+ | CH2+ |
|---|---|---|---|---|
| None | None | Full | Full | Full |
Syntax
Description
This CSS3 pseudo-element
represents a part of the document that’s been highlighted by the user,
including text in editable text fields. Only a small subset of CSS
properties can be used in rules that apply to this pseudo-element; user
agents must allow the background and
color properties to be used, and can optionally allow
the use of the cursor and outline
properties.
Example
A selector like
textarea::selection will match any
user-selected text within a textarea
element.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | Chrome | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 8.0 | 1.0 | 1.5 | 2.0 | 3.0 | 3.5 | 1.3 | 2.0 | 3.1 | 4.0 | 9.2 | 9.5 | 10.0 | 2.0 |
| None | None | None | None | None | None | None | None | None | Partial | Partial | Full | Full | None | Full | Full | Full |
Safari versions up to
and including 3 don’t support this pseudo-element in the case of
input and textarea
elements.
User-contributed notes
- ID:
- #2
- Date:
- Thu, 22 Jul 2010 19:23:47 GMT
I think this element has been removed from the CSS3 spec.
- ID:
- #1
- Date:
- Mon, 24 Aug 2009 07:02:20 GMT
Firefox also supports this, with it's vendor prefix (::-moz-selection)
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.