E' impossibile farlo in modo "standard". L'unico browser che supporta l'impostazione di proprietà delle barre di scorrimento è (strano ma vero) IE. Il fatto è che non essendo standard, un CSS che contiene le dichiarazioni per la modifica dell'aspetto delle scrollbar non viene validato.
In tutti i casi, anche se accetti il compromesso di un CSS non valido, tutti i browser diversi da IE mostreranno sempre le scrollbar secondo lo stile del sistema operativo.
Il codice CSS comunque è il seguente:
codice:
SELETTORE-ELEMENTO {
scrollbar-base-color: COLORE;
scrollbar-arrow-color: COLORE;
scrollbar-3dlight-color: COLORE;
scrollbar-darkshadow-color: COLORE;
scrollbar-face-color: COLORE;
scrollbar-highlight-color: COLORE;
scrollbar-shadow-color: COLORE;
scrollbar-track-color: COLORE;
}
dove SELETTORE-ELEMENTO è il selettore CSS dell'elemento (o degli elementi) a cui cambiare il colore delle barre. Per es., usando textarea come selettore, modificherai i colori di tutte le scrollbar delle aree di testo, mentre usando body modificherai i colori delle scrollbar della finestra del browser in cui visualizzi la pagina.