<style>
<!--
BODY
{
scrollbar-face-color:#FFFFFF;
scrollbar-arrow-color: #000000 ;
scrollbar-track-color:#ACC4EB;
scrollbar-shadow-color:'#000000';
scrollbar-highlight-color:'#000000';
scrollbar-3dlight-color:'#000000';
scrollbar-darkshadow-color:'#ACC4EB';
scrollbar-base-color: '#ACC4EB';
}
-->
</style>

Przykład działania jest widoczny po prawej stronie.

Wyjaśnienia:
• scrollbar-face-color - ustala kolor przycisków.
• scrollbar-arrow-color - ustala kolor strzałek na przyciskach paska przewijania.
• scrollbar-track-color - ustala kolor ścieżki suwaka
• scrollbar-shadow-color - ustala "cień" tych elementów; jeżeli wciśniemy przycisk - wtedy jego obramowanie będzie miało kolor "cienia".
• scrollbar-highlight-color - ustala kolor "podświetlenia" przycisków i "suwaka" paska przewijania,
• scrollbar-3dlight-color - ustala kolor przycisku suwaka.
• scrollbar-base-color - ustala "tło" dla przycisków. Sam pasek przewijania jest "cieniowany", tzn. nie ma "pełnego" koloru, lecz jest wypełniony pikselami o w kolorze 'scrollbar-highlight-color' na przemian z 'scrollbar-face-color'.
• scrollbar-darkshadow-color - ustala kolor ciemnego cienia cień po prawej stronie suwaka.

Nie ma różnicy pomiędzy poziomym a pionowym paskiem przewijania - oba będą miały te same kolory.