Experienta

1<style>
2/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
3.horizontal-scroll::-webkit-scrollbar {
4    display: block;
5}
6
7/* Hide scrollbar for IE, Edge */
8.horizontal-scroll {
9    -ms-overflow-style: block;  /* IE and Edge */
10}
11
12/* Hide scrollbar for Firefox */
13.horizontal-scroll {
14    scrollbar-width: block;  /* Firefox */
15}
16
17/* For WebKit browsers (Chrome, Safari) */
18.horizontal-scroll::-webkit-scrollbar {
19    height: 3px; /* Set scrollbar height */
20}
21
22.horizontal-scroll::-webkit-scrollbar-track {
23    background: rgba(70, 73, 109, 0.15);
24    margin: 1.25rem;
25    border-radius: 5px;
26}
27
28.horizontal-scroll::-webkit-scrollbar-thumb {
29    background: black;
30    border-radius: 5px;
31}
32
33/* For IE, Edge */
34.horizontal-scroll {
35/* Ensures scrollbar is styled and not hidden */
36    -ms-overflow-style: -ms-autohiding-scrollbar; 
37}
38
39/* For Firefox */
40.horizontal-scroll {
41    scrollbar-width: thin; /* Ensures scrollbar is styled and not hidden */
42    scrollbar-color: black rgba(70, 73, 109, 0.15); /* Custom scrollbar colors */
43}
44</style>