Is it possible to create colored scrollbar in the FIREFOX ....

Archer · #1 07-25-2007, 02:30 AM

Is it possible to create colored scrollbar in the FIREFOX browser.I could create colored scrollbar in the IE browser using CSS?

oxygen · #2 07-27-2007, 04:36 AM

Hi Archer

Firefox doesn't support that because changing the browser is messing with the clients preferences and shouldn't be a 'style' setting. But you can do it with javascript if you really need it, But remember some people are visually impaired and have specific settings for their GUI and you'll be messing with it.

Oxygen

theone · #3 07-27-2007, 04:41 AM

Here's what you can do to make this work in all 3 major browsers (IE, Firefox, Opera):

1) use this code:

Code:

<style>
body{
   scrollbar-face-color: #808080; /*/ obviously change this to whatever you want /*/
   scrollbar-arrow-color: #FFFFFF;
   scrollbar-highlight-color: #FFFBF0;
   scrollbar-3dlight-color: #808080;
   scrollbar-shadow-color: #FFFBF0;
   scrollbar-darkshadow-color: #808080;
   scrollbar-track-color: #CCCCCC;
}
</style>
<script>
function selectCode(f){
document.forms[f].elements[0].focus();
document.forms[f].elements[0].select();
}
function changeScrollbarColor(C){
 if (document.all){
   document.body.style.scrollbarBaseColor = C
 }  
}
</script>

2) in the HTML tag of your webpage, delete ANY and ALL ties to W3C! For example, you will see code generated in the HTML tag when you create a new html page in Dreamweaver like this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Kill all of this so the only thing left is the following:

Code:

<html>

Near as I can tell, what this does is break away from the rules that have been established by the W3 consortium so anything can be read and followed. I don't know why, but it just seems to work. I have tried this script method in all three browsers and it works in all of them.

cheers

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Cool ScrollBar Compnent	ramesharthanari	Flash Actionscript Programming	0	07-15-2008 04:21 AM
Manipulating scrollbar colors using CSS and JavaScript	santhakumar	HTML, CSS and Javascript Coding Techniques	1	11-27-2007 05:55 AM
How do I move the scrollbar to a specific position?	Pvinothkumar	HTML, CSS and Javascript Coding Techniques	3	10-26-2007 11:15 PM
Can anybody explain me how to set horizontal scrollbar for a dropDown control	kingmaker	ASP and ASP.NET Programming	1	07-27-2007 03:39 AM
Set Position of Browsers Scrollbar using Javascript ?	kingmaker	HTML, CSS and Javascript Coding Techniques	1	07-18-2007 11:33 PM