[CSS] Colored/Styled Scrollbar

  • I have a text area/box where I have parameters set and using the ‘overflow: auto’ css style am able to get the scrollbar i wanted. now, how do i modify the colours/style of the scrollbar itself?

    the traditional

    {scrollbar-face-color: #FF0000;
    scrollbar-shadow-color: #0000FF;
    scrollbar-highlight-color: #00FF00;
    scrollbar-3dlight-color: #FF00FF;
    scrollbar-darkshadow-color: #00FFFF;
    scrollbar-track-color: #FFFF00;
    scrollbar-arrow-color: #000000;
    }

    does not work in firefox which is what i’m using.

    they have -mozkit-scrollbars and -webkit-scrollbars but i don’t think i’m using them right ’cause i believe those are supposed to work but i can’t get it working. any help?

Viewing 3 replies - 1 through 3 (of 3 total)

  • I think the simple answer is no. Colored scrollbars only work (at least for my knowlege) in gecko browsers. (FF, Chrome, etc..)

    Thread Starter khanvict

    (@khanvict)

    It will only work in gecko browsers? I thought I was using one?

    Even if I can’t color it, I thought of another way but I don’t know if it’s possible. Can I hide everything but the scroll arrows? Or Not display the trackbar and every other property but the triangle shaped arrow? That would be plan B at this point so that at least it’s not so intrusive and can still match with my blog theme.

    Try searching for a jquery or a javascript function. I’ll see if I can find something also and reply if I find anything.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[CSS] Colored/Styled Scrollbar’ is closed to new replies.