::selection (CSS selector)

Spec
Version
CSS3
Browser support (more…)
IE8 FF3.5 SA3.1+ OP9.5+ CH2+
None None Full Full Full

Syntax

::selection {
declaration block
}

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
Contributed:
by Laz75
Date:
Thu, 22 Jul 2010 19:23:47 GMT

I think this element has been removed from the CSS3 spec.

ID:
#1
Contributed:
by LeaVerou
Date:
Mon, 24 Aug 2009 07:02:20 GMT

Firefox also supports this, with it's vendor prefix (::-moz-selection)

Related Products