Trying to change how the scrollbar appears on my website for firefox
Hi so im trying to change my websites scrollbar for firefox browsers. Ive already done it for IE and chrome with this code: /*Custom scrollbar for IE <style>
body, html{scrollbar-arrow-color: #001eff;
scrollbar-track-color: #00e9ff; scrollbar-face-color: #0040ff; scrollbar-highlight-color: #517cff; scrollbar-3dlight-color: #00fff4; scrollbar-shadow-color: #214cc; scrollbar-darkshadow-color: #001f7; } </style> /*Custom Scrollbar for Chrome <style>
- -webkit-scrollbar { width: 4px; height: 4px;}
- -webkit-scrollbar-button { background-color: #00e9ff; }
- -webkit-scrollbar-track { background-color: #999;}
- -webkit-scrollbar-track-piece { background-color: #00e9ff;}
- -webkit-scrollbar-thumb { height: 50px; background-color: #0040ff; border-radius: 50px;}
- -webkit-scrollbar-corner { background-color: #999;}}
- -webkit-resizer { background-color: #FFFFFF;}
</style>
All Replies (5)
For Firefox try using the -moz prefix instead of -webkit. For example:
-moz-scrollbar { width: 4px; height: 4px;}
i think for the most part this won't be possible in firefox - see bug #77790, filed over a decade ago (please don't comment in bug reports).
Didn't work :(
this site said you can, but I think you mab be right about it not being supported http://codemug.com/html/custom-scrollbars-using-css/