CSS примеры
Как изменить стили полос прокрутки (CSS scrollbar)
/* CSS правила для полос прокрутки окна браузера */
html, body {
/* цвет верхней и левой границ полосы прокрутки, бегунка, стрелок */
scrollbar-3dlight-color:red;
/* цвет стрелок на кнопках */
scrollbar-arrow-color:yellow;
/* цвет "освещенной" части бегунка и кнопок(цвет левых и верхних их граней) */
scrollbar-highlight-color: aqua;
/* основной цвет бегунка и кнопок */
scrollbar-face-color:green;
/* цвет "неосвещенной" части бегунка и кнопок (цвет правых и нижних их граней) */
scrollbar-shadow-color:fuchsia;
/* цвет "тени" бегунка и кнопок (цвет правых и нижних гранией) */
scrollbar-darkshadow-color:blue;
/* цвет рабочей части полосы прокрутки (фон) */
scrollbar-track-color: maroon;
}
/* CSS правила для полос прокрутки элементов TEXTAREA */
textarea {
scrollbar-base-color:lime;
/* scrollbar-base-color задаёт основной цвет полосы прокрутки.
Если не определены другие свойства полосы прокрутки,
то бегунок и фон кнопки прокрутки будут отображаться определенным
вами цветом с применением трехмерных эффектов.
Фон полосы прокрутки будет отображаться тоже этим цветом,
но только осветленным. */
}
Примечание: Это может не работать в Опере, так как в настройках по умолчанию она не дает переопределять некоторые свойства окна или настройки JavaScript (например перехват правого клика мышью)
Более подробно по этой теме написано в статье: Разукрашиваем scrollbar средствами CSS