Go straight to the code
.test-div { width: 100px; max-height: 100px; padding-right: 12px; overflow-y: auto; } width: 16px; width: 16px; width: 16px; width: 16px; width: 16px; /* The width of the scroll bar on the Y axis */ height: 16px; /* scrollbar-arrow-color: rgba(41, 96, 148, 0.8); /* scrollbar-arrow-color: rgba(41, 96, 148, 0.8); /* color of the arrow element */} /* color of the scrollbar */.test-div::-webkit-scrollbar-thumb {border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 5px rgba(81, 168, 190, 0.8); -webkit-box-shadow: inset 0 0 5px rgba(81, 168, 190, 0.8); Background: RGBA (41, 96, 148, 0.8); SCROLLBAR-ARROW color: RGBA (41, 96, 148, 0.8); /* Scroll arrow element color */} /* Scroll bar inside track */.test-div::-webkit-scrollbar-track {-webkit-box-shadow: :-webkit-scrollbar-track; Inset 00 5px rgba(30, 78, 100, 0.2); border-radius: 8px; Background: RGBA (40, 73, 104, 0.2); }