Customize 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

  body::-webkit-scrollbar {
    width: 12px;
}
body::-webkit-scrollbar-thumb {
    background: #ff9c44;
    border-radius: 6px;
}

by moheen

Similar codes

0 vote164 views2 answers
Add custom taxonomy into permalinks post_type_link
CSS
0 vote176 views1 answer
How to use purgecss with webpack mix laravel
CSS
8 votes216 views2 answers
Css random color
CSS
2 votes156 views1 answer
H2 in px css
CSS
0 vote214 views1 answer
Faire d'une image un lien vers le haut de page css
CSS
12 votes160 views2 answers
Can't resolve @emotion/react
CSS
0 vote162 views1 answer
Css footer always at bottom but visible
CSS
7 votes167 views3 answers
Border width css
CSS
0 vote175 views1 answer
Add quotes in quote css
CSS
0 vote144 views1 answer
Css if element is empty
CSS