Cauta rapid aici ↑

Cum stilizam textul care este selectat

In momentul in care selectam un text cu mouse-ul, fundalul si culoarea acestuia se schimba. Browser-ul va afisa fundalul textului selectat pe un albastru deschis iar culoarea textului selectat va fi alba. Acestea sunt setarile de baza pe care noi putem sa le suprascriem.

Pentru a realiza acest lucru vom avea nevoie de un pseudo element pe care vom folosi dupa bunul plac cuvintele cheie ce fac ca acest pseudo element sa fie compatibil pentru fiecare browser iar la sfarsit vom declara inca odata pseudo elementul cu toate stilurile CSS insa fara cuvintele cheie. In interiorul acoladelor vom declara o alta culoare de fundal, o culoare diferita a textului s.a.m.d si toate acestea vor fi aplicate in momentul cand textul este selectat. Putem sa folosim orice stil ne dorim sau putem chiar sa nu mai fie afisata nici-o culoare de fundal sau culoare schimbata a textului. Ramane doar la aprecierea noastra.

 ::selection{}