Admin Forum:Styling cross-browser scrollbar

I modified scrollbar look using  script. But this is reserved for webkit browsers only. Thinking that most of people use IE for surfing, this settings would be rarely valid for my visitors. Isn't there any way to make it cross-browser compatible? I found some jQuery custom scrollbars on the internet but they contains too many unneeded functions that I'm afraid of installing them to my wiki. I'm wondering if there is anything simpler?


 * This is only for scrollboxes inside an article. For now I'm handeling it by class attribute ( etc.) I didn't mean to change the style in general of the scrollbars. (I'm saying this because I could sound not respecting any web conventions.)

Maybe try  for Opera browsers,   for Firefox,   for IE9+? — subtank  ( 7alk ) 22:08, May 12, 2012 (UTC)


 * I will go try that solution to see. Thanks for your advice.


 * I couldn't make it working, there's no change on IE9 and FF12.

.scrollbox::-webkit-scrollbar, .scrollbox::-moz-scrollbar, .scrollbox::-ms-scrollbar { width:12px; } .scrollbox::-webkit-scrollbar-track, .scrollbox::-moz-scrollbar-track, .scrollbox::-ms-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .scrollbox::-webkit-scrollbar-thumb, .scrollbox::-moz-scrollbar-thumb, .scrollbox::-ms-scrollbar-thumb { background: rgba(246,149,36,0.8); }