asked on

style a scroll bar

I'm trying to style a scroll bar in a DIV (or any other container) using the css I found here:

http://farrukhobaid.wordpress.com/2013/01/16/dark-scrollbar-skin-for-javafx/

as a test, I put the css in a style tag in a blank html file and used the following code to see what would happen:

<div class="scroll-bar" style="height: 300px; width: 100px; overflow: scroll;">
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
    kjhgfgft<br /><br />
</div>

Open in new window

no matter what I do, I don't get any style. am I missing something or is this code no good?

Jason C. Levine

What browsers are you testing with?

Big Monty

ASKER

chrome and IE9 (shudder)

ASKER CERTIFIED SOLUTION

Jason C. Levine

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Scott Fell

That code is for https://docs.oracle.com/javafx/2/overview/jfxpub-overview.htm

Try removing all of the -fx-

Big Monty

ASKER

ya that's what I presumed, just wanted to double check. I'll look into a jquery or bootstrap solution (if it exists) and go that route.

I tried removing the -fx- from the css and it still didn't work. Thx anyways