CSS Coding for your scrollbar!

Just a heads up, I've only tested this with Chrome so Idk if it will work with other browsers.  Using CSS Tricks (click on it for more details), I manage to put together some CSS coding to customize your scrollbar!  All you gotta do is change the hex code to the color you want, which looks like this "#111111" in the coding.  The only bummer is that when you use the code, the scrollbar direction arrows do disappear.  I kinda did a workaround by using images of arrows and placed them over the scrollbar buttons as URL links; I've included some base ones for people to use.  If you wanna change the colors of the arrows, you're going to have to open the images up with Photoshop, GIMP, or other similar programs, change the color for all eight arrows, upload them on the net, grab the URL, and replace each URL (I know, sounds complicated).  Anyways, I will include the code below.  IMPORTANT:  Be sure to put this code after your profile coding so you don't jack up your existing code!!!  Note:  I am no coding expert but wanted to share with you guys what I've to manage to cook up. :)  Another note:  Also, if you don't care about having direction arrows on your scroll bar, just copy/paste the first half of the code, before " /* Scrollbar Buttons */ ".