custom scrollbar
body::-webkit-scrollbar { width: 12px; /* width of the entire scrollbar */ } body::-webkit-scrollbar-track { background: orange; /* color of the tracking area */ } body::-webkit-scrollbar-thumb { background-color: blue; /* color of the scroll thumb */ border-radius: 20px; /* roundness of the scroll thumb */ border: 3px solid orange; /* creates padding around scroll thumb */ }
custom scrollbar css
/* transparent scrollbar */ div::-webkit-scrollbar { width: 12px; } div::-webkit-scrollbar-thumb { border: 2px solid #ffffff2f; border-radius: 20px; }
css edit scroll bar
::-webkit-scrollbar{width:6px;border-left:1px solid #E6ECF8;} ::-webkit-scrollbar-thumb{background-color:#d6872c;}
style scrollbar
/* Chrome, safari */ *::-webkit-scrollbar { width: 8px; } *::-webkit-scrollbar-thumb { background-color: gray; } /* Firefox */ .selector { scrollbar-width: none; }
custom scrollbar
body::-webkit-scrollbar { width: 12px; } body::-webkit-scrollbar-thumb { background: #ff9c44; border-radius: 6px; } by moheen