Het gebruik van CSS om de weergave van schuifbalken aan te passen wordt niet universeel ondersteund in alle browsers, maar u kunt de volgende code gebruiken om dit in veel moderne browsers te doen. Het onderstaande voorbeeld toont hoe je de kleur kan aanpassen:
```
/* Voor Chrome en andere Webkit browsers */
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #bdbdbd;
}
/* voor Internet Explorer */
body {
scrollbar-base-color: #bdbdbd;
scrollbar-face-color: #f5f5f5;
}
```
In de bovenstaande code is `::-webkit-scrollbar` het hoofdelement van de schuifbalk. `::-webkit-scrollbar-track` is het spoor waarop de hendel van de schuifbalk beweegt en `::-webkit-scrollbar-thumb` is de hendel zelf.
Let op: Deze instellingen zijn erg specifiek voor elke browser. Chrome, Safari en andere WebKit-browser maken gebruik van de `-webkit-scrollbar` pseudoselector, terwijl Internet Explorer gebruik maakt van de `-scrollbar` eigenschappen reeks. Firefox of andere browsers ondersteunen mogelijk geen aangepaste schuifbalken.
