Scrollbar Style
8px
4px
Preview
Scrollable content — line 1
Scrollable content — line 2
Scrollable content — line 3
Scrollable content — line 4
Scrollable content — line 5
Scrollable content — line 6
Scrollable content — line 7
Scrollable content — line 8
Scrollable content — line 9
Scrollable content — line 10
Scrollable content — line 11
Scrollable content — line 12
Scrollable content — line 13
Scrollable content — line 14
Scrollable content — line 15
Scrollable content — line 16
Scrollable content — line 17
Scrollable content — line 18
Generated CSS
.scrollable {
scrollbar-width: thin; /* Firefox */
scrollbar-color: #888888 #f1f1f1; /* Firefox */
}
/* Chrome, Edge, Safari */
.scrollable::-webkit-scrollbar {
width: 8px;
}
.scrollable::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.scrollable::-webkit-scrollbar-thumb {
background: #888888;
border-radius: 4px;
}
.scrollable::-webkit-scrollbar-thumb:hover {
background: #555555;
}