How to make custom scrollbars show in all browsers?

css, scrollbar

Solution

Here have some plugins that works for all browsers:

- http://jscrollpane.kelvinluck.com/

- http://www.hesido.com/web.php?page=customscrollbar

- http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/

Problem

I am using a simple code for a color customized scrollbar: ``` <style type="text/css"> <!-- BODY { scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #FF99FF; scrollbar-track-color: #FFCCFF; } --> </style> ``` And it doesn't work in chrome, but it does in IE and not sure about other browsers. I am using chrome as my main browser, I have seen this issue on other websites as well but was wondering if there was any way around it? There is a way to create semi-opacity divs/boxes that work in all browsers these days with special scripts, so was wondering if there was a solution like that for the scrollbars? Thanks!

Original source