Görgetősáv színezése
Most azt szeretném bemutatni hogy tehetitek egyedivé a görgetősávotokat :) Az alábbi kód szükséges hozzá:
::-webkit-scrollbar-thumb { /* Ő a csúszka */
background: #b6230c;
height:20px; }
::-webkit-scrollbar { /* Ő pedig a sáv ahol mozog a csúszka */
width:8px;
background: white; }
Elsősorban, megadhatunk az egyes elemeknek méretet, a csúszkának szélességet és magasságot érdemes megadni(ha nincs szélesség megadva akkor a sáv szélességét veszi fel), a sávnak pedig szélességet szoktunk megadni. Persze vannak alapértelmezett értékeik is.
A legtöbb böngésző támogatja, de például a jó öreg firefox nem szereti. A háttér lehet szín, kép akármi.
A vízszintes és függőleges görgetősávra külön hivatkozhatsz, a következőképpen:
::-webkit-scrollbar-thumb:vertical { }
::-webkit-scrollbar:vertical { }
::-webkit-scrollbar-thumb:horizontal { }
::-webkit-scrollbar:horizontal { }
A :vertical-al ellátott hivatkozások a függőleges görgetősávokra vonatkoznak, a :horizontallal ellátottak pedig a vízszintesre. De ezt ritkán használja az ember :)
|