6 grudnia 2015 · 1 min czytania

Zaktualizowano 6 lipca 2026

Jak zmienić styl zaznaczenia tekstu w CSS3?

Chcesz się dowiedzieć jak zmienić domyślny styl zaznaczenia tekstu na Twojej stronie WWW? Nic prostszego! Wystarczy użyć selektora z CSS3 :)

Jak zmienić domyślny styl zaznaczenia tekstu? Wystarczy użyć CSS3 i selektora::selection. W ramach tego selektora można używać tylko kilka właściwości:color, background, cursor i outline. Poniżej przykład: ::-moz-selection { color: #fff; background: #444; } ::selection { color: #fff; background: #444; }

Najczęstsze pytania (i odpowiedzi)

Jaki selektor CSS trzeba użyć, aby zmienić styl zaznaczenia tekstu?

Należy użyć selektora ::selection. Dla przeglądarek Firefox dodatkowo stosuje się ::-moz-selection.

Które właściwości CSS mogę stosować w selektorze ::selection?

Można używać tylko czterech właściwości: color (kolor tekstu), background (kolor tła), cursor (kursor) i outline (obramowanie).

Jak w praktyce zmienić kolor zaznaczenia tekstu na czarny background i biały tekst?

Należy użyć ::selection z właściwościami color: #fff; i background: #444;, a dla kompatybilności z Firefox dodać również ::-moz-selection z tymi samymi wartościami.

Nie przegap kolejnych materiałów

Dołącz do bezpłatnej platformy - artykuły, tutoriale, webinary i raporty w jednym miejscu.

0 zł. Bez karty. W każdej chwili możesz zrezygnować.