Web Design Discussion - CSS Styles to change scrollbar

Print Page | Close Window

CSS Styles to change scrollbar

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=7632
Printed Date: 29 March 2026 at 12:01pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: CSS Styles to change scrollbar

Posted By: FLATLINE
Subject: CSS Styles to change scrollbar
Date Posted: 26 November 2003 at 4:03pm

I know how to change the color of scrollbars like this:
body {
scrollbar-face-color: #333333;
scrollbar-shadow-color: #252525;
scrollbar-highlight-color: #444444;
scrollbar-3dlight-color: #666666;
scrollbar-darkshadow-color: #222222;
scrollbar-track-color: #222222;
scrollbar-arrow-color: #BBBBBB;
}

The problem is, that one scrollbar-like thing doesn't change: The dropdown box. I wanted to ask is there any way to change the color of the arrow button found on a dropdown box?
I tried changing it using parameters like the scrollbar (without the 'scrollbar-' part) on the <OPTION> or <SELECT> tags but it didn't work...

-------------
Visit my site: http://darkgreen.service-club.net - DarkGreen HQ

Replies:

Posted By: KCWebMonkey
Date Posted: 26 November 2003 at 4:50pm

You could create the dropdown with DHTML and then you could make it look like whatever you wanted.

Posted By: FLATLINE
Date Posted: 27 November 2003 at 8:57am

I forgot to mention that I can't modify the dropdown boxes themselves.

Is there really nothing to change in the dropdown style like this?:

option { // or put 'select' instead
face-color: #333333;
shadow-color: #252525;
highlight-color: #444444;
3dlight-color: #666666;
darkshadow-color: #222222;
arrow-color: #BBBBBB;
}

Are there no attributes like that at all?

-------------
Visit my site: http://darkgreen.service-club.net - DarkGreen HQ

Posted By: KCWebMonkey
Date Posted: 29 November 2003 at 9:26am

Posted By: Bluefrog
Date Posted: 03 December 2003 at 6:13am

Check the alistapart.com site. They have a style switcher there that you can use to change style sheets on the fly.

-------------
http://renegademinds.com/" rel="nofollow - Renegade Minds - Guitar Software http://renegademinds.com/Default.aspx?tabid=65" rel="nofollow - Slow Down Music

Posted By: Kiezak
Date Posted: 02 January 2004 at 8:34am

Speaking of scrollbars,

is there a code like scrolling="NO" that makes it possible to let your page scroll up and down, but not sideways? And can the vertical bar be placed at the left side of my menu?

Or, when a page is loaded at a smaller screen, a scrollbar apears at the right side of the screen. Because of that scrollbar the browser automaticly sets a bar at the bottom to scroll that size of the vertical bar horizontal...How can I prevent that?

Thanx

Posted By: Mart
Date Posted: 02 January 2004 at 9:16am

Just use scrolling="vertical"

Posted By: Kiezak
Date Posted: 02 January 2004 at 11:40am

Doesn't seem to work...

I'm missing somthing?