[CSS] stili scrollbar

[dany84]

Ciao a tutti,
devo modificare lo stile di una scrollbar all'interno di un div.
Girando per internet ho trovato esempi come questo:

scrollbar-arrow-color:#F03040;
scrollbar-face-color:#CDC9A5;
scrollbar-shadow-color:#0066CC;
scrollbar-darkshadow-color:#FFFFCC;
scrollbar-Highlight-color:#0066CC;
scrollbar-3Dlight-color:#FFFFCC;
scrollbar-track-color:#FFFFCC;

Il problema è che non funzionano, e i tag che iniziano con "scrollbar", mi risulta che non siano nemmeno permessi dallo standard W3C e utilizzando TopStyle come editor non me li propone nemmeno infatti.
Comunque, non è importante che lo stile sia conforme allo standard, mi basta che funzioni su FF3, IE7-8 e Safari 4.

Grazie a tutti in anticipo per i consigli

[_Claudio]

Originariamente inviato da dany84

Ciao a tutti,
devo modificare lo stile di una scrollbar all'interno di un div.
Girando per internet ho trovato esempi come questo:

scrollbar-arrow-color:#F03040;
scrollbar-face-color:#CDC9A5;
scrollbar-shadow-color:#0066CC;
scrollbar-darkshadow-color:#FFFFCC;
scrollbar-Highlight-color:#0066CC;
scrollbar-3Dlight-color:#FFFFCC;
scrollbar-track-color:#FFFFCC;

Il problema è che non funzionano, e i tag che iniziano con "scrollbar", mi risulta che non siano nemmeno permessi dallo standard W3C e utilizzando TopStyle come editor non me li propone nemmeno infatti.
Comunque, non è importante che lo stile sia conforme allo standard, mi basta che funzioni su FF3, IE7-8 e Safari 4.

Grazie a tutti in anticipo per i consigli

Ovviamente hai usato il codice

overflow-y: scroll;

vero?

[dany84]

Originariamente inviato da _Claudio

Ovviamente hai usato il codice

overflow-y: scroll;

vero?

veramente ho messo

overflow: auto;

in quanto non sempre il contenuto del div è così lungo (sia in altezza che in larghezza) da avere bisogno della scrollbar.
Il mio problema comunque è solo lo stile, i colori; la scrollbar appare correttamente.

[_Claudio]

Prova con.

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
}

Se funziona sia per la pagina che per il div prova con:

div#barrebelle {
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
}

Dovrebbe funzionare applicato al solo div in quanto il div è un elemento a livello blocco.

Comunque io ero rimasto a che le scrollbar erano modificabili solo su IE, per farlo sugli altri browser bisognava usare degli arcani script js mi pare...

[dany84]

funziona solo con IE infatti
dovrò trovare qualche altro script in giro...

grazie per l'aiuto cmq