Joe2Torials.com

Coloured Scrollbars (IE Only)

Very easy to do, just one small piece of code inside your stylesheet will change the colour of your scrollbars on your site.

body {
  scrollbar-face-color: # HEX CODE;
  scrollbar-arrow-color: # HEX CODE;
  scrollbar-track-color: # HEX CODE;
  scrollbar-shadow-color: # HEX CODE;
  scrollbar-highlight-color: # HEX CODE;
  scrollbar-3dlight-color: # HEX CODE;
  scrollbar-darkshadow-color: # HEX CODE;
}

The only part of this code that you need to change are the colours that you want your scrollbars. Enter your HEX colour values or colour names where I have written # Hex Code. All HEX colour codes must start with the hash key #. E.G #FFFFFF (White), #000000 (Black). And after you have entered your colour you must remember to semi-colon at the end E.G #FFFFFF;.

This code is not valid CSS coding but will work nonetheless. This code will only work in Internet Explorer, all other browsers will see the standard scrollbars for their browser.