Frindo's solution above will only work in IE5.5+. Most other browsers will ignore those rules and show the default system scrollbars instead.
Main Topics
Browse All TopicsHello! Thank you for your time and assistance.
I have an HTML page with an iFrame on it. Using CSS I need to customize the look of the scrollbar in the iFrame.
Here's what I need to do:
1. This application will be on a touch screen so I need the scrollbars to increase in size to accommodate a finger.
2. I need to be able to change the colors.
3. All of this must render properly in Internet Explorer 7.
Thank you very much!
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Hi rudyflyer,
The suggestions above may change the color in IE but have no effect on the size in any browser. You may create custom scrollbars via DHTML:
http://www.dyn-web.com/dht
It uses images, so I don't see why they couldn't be made larger or different colors:
There are several examples from that site:
http://www.dyn-web.com/dht
http://www.dyn-web.com/dht
The custom scrollbars above work in IE7 and FF. I'm not sure of the touch screen aspect though. Please note their terms of use; perhaps you may want to contact the developer for a custom solution.
Business Accounts
Answer for Membership
by: frindoPosted on 2007-11-03 at 15:40:01ID: 20208345
It's not possible to change the size of scroll bar using CSS.
FF; FFF; DFF; ''; ; :'';
A combination of the following could potentially change coloration.
BODY{
scrollbar-face-color:#8080
scrollbar-arrow-color:#FFF
scrollbar-track-color:#DDD
scrollbar-shadow-color:'';
scrollbar-highlight-color:
scrollbar-3dlight-color:''
scrollbar-darkshadow-Color
}
The names of the fields are pretty self-explanatory.