Данные настройки применимы ко всем элементам, имеющим полосы прокрутки: сама страница (элемент BODY), текстовый блок (TEXTAREA) и т.д.
scrollbar-3dlight-color | Определяет или устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки body {scrollbar-3dlight-color: green;} |
scrollbar-arrow-color | Устанавливает или определяет цвет стрелок на кнопке со стрелками body {scrollbar-arrow-color: red;} |
scrollbar-base-color | Устанавливает или определяет цвет основных элементов ползунка: ползунка, кнопок со стрелками, дорожки для ползунка, если не определены параметры в scrollbar-face-color body {scrollbar-base-color: green;} |
scrollbar-darkshadow-color | Устанавливает или определяет цвет тени для ползунка и кнопок со стрелками body {scrollbar-darkshadow-color: red;} |
scrollbar-face-color | Устанавливает или определяет цвет ползунка и кнопок со стрелками. Также, если вы не задали параметр SCROLLBAR-TRACK-COLOR, у вас изменится цвет дорожки body {scrollbar-face-color: green;} |
scrollbar-highlight-color | Устанавливает или получает цвет подсветки, создающий эффект объёмности. Это цвет, который окаймляет освещённую часть кнопочки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда нажата - нижний правый угол body {scrollbar-highlight-color: green;} |
scrollbar-shadow-color | Схоже с scrollbar-darkshadow-color body {scrollbar-shadow-color: green;} |
scrollbar-track-color | Устанавливает или получает цвет дорожки для ползунка body {scrollbar-track-color: aqua;} |
Примеры
Верх и левый край ползунка и кнопок со стрелками в этом текстовом поле должны быть синего цвета, стрелки белого цвета. А дорожка для ползунка небесного цвета.