Customizing the Scrollbar Style

Now we've got top and bottom buttons on our scrollbars, so let's make them look just the way we want. We can do this by writing our own CSS to style the scrollbars.

If you've spent any time at all debugging CSS, then you already know about the tools available to you in your favorite browser to do so. Just in case you haven't, I highly recommend you take a look at the Firebug extension for Firefox, or the developer tools built into Opera, Chrome, Safari, and IE9. A quick Google search for 'your browser developer tools tutorial' should yield plenty of results where you can learn how to take advantage of what these tools have to offer.

If you're using an older version of IE, then take a look at the Debug Bar program ...

Get jQuery for Designers Beginner's Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.