Skip to: content, navigation

by Tommy Olsson and Paul O’Brien

::selection (CSS selector)

Browser support full matrix
IE7 FF2 Saf1.3+ Op9.5+
None None Partial Full
Spec
Version
CSS3

Example

A selector like textarea::selection will match any user-selected text within a textarea element.

Try it yourself!View all demos

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.

Compatibility

IE5.5None
6.0None
7.0None
Firefox1.0None
1.5None
2.0None
Safari1.3Partial
2.0Partial
3.0Partial
Opera9.2None
9.5Full

Safari versions up to and including 3 don’t support this pseudo-element in the case of input and textarea elements.

User-contributed notes

There are no comments yet.

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.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters