1. Főoldal
  2. Cikkek
  3. Dev
  4. CSS - ::selection

CSS - ::selection

Dev

Ma egy rövid, de érdekes cikket publikálok. Híresebb weboldalakon, vagy online applikációkban láthattátok, hogy szöveg kijelölésekor a klasszikus kék háttér helyett más színű háttérszín jelenik meg. Nos, ezt összesen 2 sorral meg tudjuk oldani, méghozzá CSS-ben! :D

Kezdjük is. A ::selection-t fogjuk most használni, majd ezen belül megadjuk a szövegszínt és a szöveg hátterének színét:

::selection {color: #ffffff; background: #c40000;}
::-moz-selection {color: #ffffff; background: #c40000;}

Ezzel egy fehér szövegszínt kapunk, piros háttérszín társaságában! Remélem hasznos volt ez a rövid cikkecske, használjátok egészséggel!

kovjonas profilképe
Kovács Jónás @kovjonas +86 Hobbi web-designer, kezdő 3D modellező, LEGO őrült.
1 hozzászólás
Hozzászóláshoz jelentkezz be vagy Regisztrálj!
*::-moz-selection {background: none transparent; color: #220500;font-family: Courier New !important;}
*::selection {background: none transparent; color: #220500;font-family: Courier New !important;}

::-moz-selection {background: none transparent; color: #220500;font-family: Courier New !important;}
::selection {background: none transparent; color: #220500;font-family: Courier New !important;}


de meg lehet aszt is csinálni hogy div-et el vagy pl:
div.uenet::-moz-selection {background: none transparent; color: #220500;font-family: Courier New !important;}
div.uenet::selection {background: none transparent; color: #220500;font-family: Courier New !important;}
2017.06.03 10:13