With the css snippet bellow, you can customize the look of the scrollbar in your page. This applies for Horizontal and Vertical scroll bars.
/* wpsnippet.club */
/* Set the width and color of the scrollbar */
::-webkit-scrollbar {
width: 10px;
height:10px;
background-color: #f5f5f5;
}
/* Customize the thumb (the draggable part of the scrollbar) */
::-webkit-scrollbar-thumb {
background-color: #999;
border-radius: 8px;
}
/* Set the color of the scrollbar when the mouse hovers over it */
::-webkit-scrollbar-thumb:hover {
background-color: #777;
}