| ::-webkit-scrollbar { | |
| width: 6px; /* Width of the scrollbar track */ | |
| } | |
| /* Define the scrollbar thumb (the draggable part) */ | |
| ::-webkit-scrollbar-thumb { | |
| background: #cfcfcf; /* Color of the thumb */ | |
| border-radius: 6px; /* Rounded corners of the thumb */ | |
| } | |
| /* Define the scrollbar track on hover */ | |
| ::-webkit-scrollbar-track:hover { | |
| background: #aaa; /* Color of the track on hover */ | |
| } | |
| /* Define the scrollbar thumb on hover */ | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #555; /* Color of the thumb on hover */ | |
| } | |
| /* Define the scrollbar corner (between vertical and horizontal scrollbars) */ | |
| ::-webkit-scrollbar-corner { | |
| background: transparent; /* Color of the scrollbar corner */ | |
| } | |