Pseudoelement CSS ::selection

Pseudoelement CSS ::selection odnosi się do tekstu zaznaczonego przez użytkownika, np. przez przeciągnięcie myszą.

Dozwolone własności ::selection

Pseudoelement ::selection obsługuje tylko niektóre własności CSS, które nie odnoszą się do układu elementów na stronie. Poniżej znajduje się ich lista:

• color
• background-color
• text-decoration i pokrewne włącznie z text-underline-position i text-underline-offset
• text-shadow
• stroke-color, fill-color oraz stroke-width

Przykład użycia ::selection

W tym przykładzie zaznaczony przez użytkownika tekst będzie miał biały kolor na jasnoróżowym tle.

::selection {
  color: white;
  background-color: lightpink
}
...
<p>Lorem ipsum dolor sit amet.</p>

Efekt:

Składnia ::selection

Składnia pseudoelementu ::selection:

::selection {...}