::selection

Sumari

El pseudo-element CSS ::selection aplica regles a la part d'un document que s'ha posat de manifest (per exemple, seleccionat amb el ratolí o un altre dispositiu de punter) per l'usuari.

Només un petit subconjunt de les propietats CSS es pot utilitzar en una regla que fa servir ::selection en el seu selector: color, background-color, cursor, outline, text-decoration, text-emphasis-color i text-shadow. Recordeu que, en particular, background-image és ignorada, com qualsevol altra propietat.

Exemple

Gecko és l'únic motor que requereix el prefix. A causa del fet que les regles d'anàlisis CSS requereixen abandonar tota la regla quan es troban amb un pseudo-element invàlid, s'han d'escriure dues regles per separat: ::-moz-selection, ::selection {...}. La regla es va abandonar en els navegadors no-Gecko ja que ::-moz-selection no és vàlida en ells.

HTML

<div>This is some text for you to test CSS's ::selection pseudo-class.</div>
<p>Also try to select some text in this &lt;p&gt;</p>

CSS

/* draw any selected text yellow on red background */
::-moz-selection {
  color: gold; background: red;
}

::selection {
  color: gold; background: red;
} 

/* draw selected text in a paragraph white on black */
p::-moz-selection {
  color: white;
  background: black;
}

p::selection {
  color: white;
  background: black;
}

Sortida

Especificacions

El pseudo-element CSS ::selection va està en esborrany en els Selectors CSS Nivell 3, però va ser retirat abans que arribés a l'estat de Recomanació. És estudiat com a part del borrador de pseudo-elements Nivell 4.

Navegadors compatibles

[1] Gecko actualment només és compatible amb la versió prefix ::-moz-selection. Serà sense prefix en errada 509958.