Pagina 1 din 1

Modificare stil pentru Scrollbar cu CSS

Scris: Mar Aug 07, 2012
de steell
Salut.
Am adaugat in fisierul css acest cod:

Cod: SelectaĊ£i tot

body {
scrollbar-3dlight-color:#ffd700; 
scrollbar-arrow-color:#ff0; 
scrollbar-base-color:#ff6347; 
scrollbar-darkshadow-color:#ffa500; 
scrollbar-face-color:#008080; 
scrollbar-highlight-color:#ff69b4; 
scrollbar-shadow-color:#f0f;
}
Insa nu functioneaza decat in internet explorer
Cum pot sa fac si pentru google chrome, mozila si opera?
Si as mai vrea si alte proprietati gen width, height si altele pentru scrollbar care sa functioneze in acele browsere nu doar in IE.
Multumesc.

Modificare stil pentru Scrollbar cu CSS

Scris: Mar Aug 07, 2012
de MarPlo
Salut
Din ce am vazut pe net, stilurile CSS pentru Scrollbar nu sunt in standardul W3C, prin urmare, Mozila Firefox nu are proprietati CSS pt asa ceva.
Google Crome si Safari au niste proprietati similare; vezi in acest cod:

Cod: SelectaĊ£i tot

/* Chrome, Safari */
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track-piece  {
background-color: #ff6347;
}
::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #008080;
}

/* IE */
body {
scrollbar-3dlight-color:#ffd700;
-moz-crollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f;
}