::selection

El pseudo-element CSS ::selection aplica estils a la part d'un document que l'usuari ha ressaltat (com ara amb el ratolí).

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

Només un petit subconjunt de propietats CSS es pot utilitzar amb el pseudo-element ::selection:

• color (en-US)
• background-color (en-US)
• cursor (en-US)
• outline (en-US)
• text-decoration (en-US)
• text-emphasis-color (en-US)
• text-shadow (en-US)

Tingueu en compte que, en particular, s'ignora background-image (en-US).

/* Firefox syntax */
::-moz-selection

::selection

<div>This text has special styles when you highlight it.</div>
<p>Also try selecting text in this paragraph.</p>

/* Make selected text gold on a red background */
::-moz-selection {
  color: gold;
  background: red;
}

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

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

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

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