style scrollbar colours

**chechu** · 06-03-2007, 12:30 PM

Hey all,
I have placed this in the stylesheet:

Code:

body{
margin: 0;
padding: 0;
font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background-color: white;
scrollbar-face-color:white;
scrollbar-arrow-color:white;
scrollbar-track-color:white;
scrollbar-shadow-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-Color:white;	
}

and this between the </head> and <body>:

Code:

<style type="text/css">
<!--
body
	{
	scrollbar-face-color:#666666;
	scrollbar-arrow-color:white;
	scrollbar-track-color:white;
	scrollbar-shadow-color:white;
	scrollbar-highlight-color:white;
	scrollbar-3dlight-color:white;
	scrollbar-darkshadow-Color:white;	
	background-attachment: fixed;
}
-->
</style>

and still I see the normal scrollbar. How come ?

**thetestingsite** · 06-03-2007, 03:18 PM

The scrollbar coloring only works in IE. Also, you should only have to place it in either the stylesheet or between the <head> tags wrapped in <style> tags.

Hope this helps.

**mburt** · 06-03-2007, 07:18 PM

I truly believe that if something is IE only, it's not meant to be tampered with. If someone has their default scrollbars changed to limegreen, and all of the sudden Internet Explorer comes up changing the scrollbar color to bright purple.
Sometimes these things can be left alone

.

**boxxertrumps** · 06-04-2007, 03:47 AM

It also sometimes feels as if the webite is leaking out into your browser window...
But very VERY few browsers change the scrollbars via CSS, so its a waste of bandwidth to implement it.

**chechu** · 06-04-2007, 09:04 AM

It also sometimes feels as if the webite is leaking out into your browser window...

Could you explain that to me, please ?
Also, as in Europe still 93 % uses IE; why not play with it ?

**alexjewell** · 06-05-2007, 01:02 AM

Because unless the viewer is a middle school kid, the scrollbar either annoys them or annoys them. Or, they don't care. So, the only reason you would do this is if you found it exciting. If you find it exciting and don't care that your viewers don't, go for it.

Now, for the code, I see nothing wrong with it. Beats me.

**chechu** · 06-05-2007, 08:27 AM

Because unless the viewer is a middle school kid, the scrollbar either annoys them or annoys them. Or, they don't care. So, the only reason you would do this is if you found it exciting. If you find it exciting and don't care that your viewers don't, go for it.

I'll take this as a personal view, and ignore it. As you surely know, there is a huge difference in the building of sites in the US and Europe. F.ex. flashy pages are still a hype in EU, although not recommended. Scrollbars are the same: lovely in EU. So I go with the flow ...

**chechu** · 06-05-2007, 08:48 AM

Still doesn't work. I placed the following in the css, and removed the other in the html.

Code:

body{
margin: 0;
padding: 0;
font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background-color: white;
scrollbar-face-color:black;
scrollbar-arrow-color:white;
scrollbar-track-color:white;
scrollbar-shadow-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-Color:white;	
}

Thread: style scrollbar colours

Thread Tools

Search Thread

style scrollbar colours

Bookmarks

Bookmarks

Posting Permissions