Webkit
The ::-webkit-scrollbar CSS pseudo-element affects the style of the scrollbar of an element.
::-webkit-scrollbar is only available in WebKit-based browsers (e.g., Safari, all browsers on iOS, and others).
CSS Scrollbar Selectors You can use the following pseudo elements to customize various parts of the scrollbar for webkit browsers:
::-webkit-scrollbar — the entire scrollbar. ::-webkit-scrollbar-button — the buttons on the scrollbar (arrows pointing upwards and downwards). ::-webkit-scrollbar-thumb — the draggable scrolling handle. ::-webkit-scrollbar-track — the track (progress bar) of the scrollbar. ::-webkit-scrollbar-track-piece — the part of the track (progress bar) not covered by the handle. ::-webkit-scrollbar-corner — the bottom corner of the scrollbar, where both horizontal and veritcal scrollbars meet. ::-webkit-resizer — the draggable resizing handle that appears at the bottom corner of some elements.
IE
-ms-scroll-chaining-ms-scroll-limit-ms-scroll-limit-x-max-ms-scroll-limit-x-min-ms-scroll-limit-y-max-ms-scroll-limit-y-min-ms-scroll-rails-ms-scrollbar-3dlight-color-ms-scrollbar-arrow-color-ms-scrollbar-base-color-ms-scrollbar-darkshadow-color-ms-scrollbar-face-color-ms-scrollbar-highlight-color-ms-scrollbar-shadow-color-ms-scrollbar-track-color-ms-overflow-style
