.scrollable-element {
scrollbar-color: red yellow; /* red is for the thumb and yellow is for the track */
}
<head>
<style>
.newScrollBar {
scrollbar-3dlight-color: #4FBDDD;
scrollbar-arrow-color: #EEE1AE;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #A0CCE0;
scrollbar-highlight-color: #F8F2DC;
scrollbar-shadow-color: #176F99;
scrollbar-track-color: #E7F2FA;
overflow: scroll;
width: 200px;
height: 167px;
border: 1px solid #cccccc;
}
</style>
</head>
<body>
<div class="newScrollBar">
Look at the colors of the scroll-bars.<br />
....................................................<br />
....................................................<br />
Look at the colors of the scroll-bars.<br />
....................................................<br />
....................................................<br />
Look at the colors of the scroll-bars.<br />
</div>
</body>