Modificați culoarea de fundal a textului selectat cu css

Una dintre caracteristicile interesante ale specificației CSS3, care poate fi folosită astăzi, este un pseudo-element. selecție. Vă permite să schimbați culoarea de fundal a textului selectat, setat în sistemul dvs. de operare, la orice altă culoare la discreția dvs.







În acest moment. selecția acceptă următoarele browsere:

  • Safari;
  • Google Chrome
  • FireFox;
  • Opera 9.5 (începând cu construirea 9770).

Safari afișează ușor altfel rezultatul în comparație cu FireFox și Opera (ultimele două browsere procesează identic acest pseudo-element).

Acesta este modul în care arată în CSS:

Cu selectorul. selectarea numai a proprietății de fundal va funcționa. astfel încât acesta poate fi folosit, de exemplu, pentru a face un fond de selecție diferit pentru mai multe paragrafe diferite de pe pagină:







  • Exemplu cu fundaluri diferite ale paragrafelor selectate.
  • Selector. selecție poate fi, de asemenea, folosit pentru a ascunde textul secret :) ...
  • ... sau chiar o imagine.
  • Exemplu dreapta în acest post. Creșteți textul acestei postări într-unul din browserele care acceptă acest selector.

Practicitatea utilizării acestei bucăți, desigur, este în discuție. Cu toate acestea, arată că dezvoltatorii browserelor de mai sus tind să sprijine pe deplin standardele, introducând treptat astfel de funcții.

P.S. În timpul testării selectorului de pe acest post, ați observat că nu funcționează în Safari și FireFox, dacă îl aplicați pe tag-ul de listă

    . dar funcționează numai atunci când clasa este înregistrată direct la elementul de listă
  • .

    O selecție largă de aparate de uz casnic și electrocasnice de înaltă calitate oferă magazinul online înregistrat oficial Donetsk "Domovoi". Pentru întreaga gamă de produse există certificate, iar service-ul în garanție este furnizat în centrele de service.







    Articole similare

    Trimiteți-le prietenilor: