scrollbar colorate

[ThePenguin]

salve ragazzi,

body {
scrollbar-3dlight-color: #C0C0C0; 
scrollbar-arrow-color: rgb(255,255,255);
scrollbar-base-color: red; 
scrollbar-darkshadow-color: #C0C0C0; 
scrollbar-face-color: red; 
scrollbar-highlight-color: white; 
scrollbar-shadow-color: white;
scrollbar-track-color: #EEEEEE; 
}

volevo sapere dato che io la scrollbar che utilizzo è all'interno del layout e quindi come proprietà di un div che contenendo testo può far se caso apparire la scrollbar verticale non ho modo di mettere questo codice in maniera che solo la scrollbar in questione prenda i colori da me scelti o sono costretto a fare che tutte le scrollbar, comprese quelle del browser assumano un colore specifico.

inoltre queste proprietà le devo propio merrere nel body?
Non posso metterle in una classe loro specifica e poi associarle agli elementi che ne facciano uso?


Grazie

[Scorpion69]

Metti il codice dell scroll-bar nello stile del DIV... però non sono sicuro ke ti funzioni...

[salasir]

Puoi associare le definizioni all'"id" dell'elemento che desideri colorare:

CSS 
#mioID { scrollbar-3dlight-color: #C0C0C0; 
scrollbar-arrow-color: rgb(255,255,255);
scrollbar-base-color: red; 
scrollbar-darkshadow-color: #C0C0C0; 
scrollbar-face-color: red; 
scrollbar-highlight-color: white; 
scrollbar-shadow-color: white;
scrollbar-track-color: #EEEEEE; 
}

(X)HTML 
<div id="mioID">
   ....
</div>

Tieni presente che le definizioni delle scrollbar sono proprietarie di IE: quindi qualsiasi altro browser le ignora!

[Scorpion69]

Originariamente inviato da salasir
Tieni presente che le definizioni delle scrollbar sono proprietarie di IE: quindi qualsiasi altro browser le ignora!

Inaffti... l'unica cosa buona di IE...

[ThePenguin]

si lo so benissimo che vale solo x IE ma che ci se po fa...!

[ThePenguin]

un'altra cosa...
ma è possibile dare la trasparenza ad alcune parti delle scrollbar oppure si deve per forza associargli un colore?

[salasir]

Non sono del tutto sicuro che funzioni sempre, ma potresti indicare transparent al posto del codice colore.

[Scorpion69]

Puoi provare con opacity (FireFox) oppure con filter (IE).