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

Archer · #1 (**permalink**) 07-25-2007, 03: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 (**permalink**) 07-27-2007, 05: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 (**permalink**) 07-27-2007, 05: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

LinkBacks (?) LinkBack to this Thread: http://www.discussweb.com/html-css-javascript-coding-techniques/2704-possible-create-colored-scrollbar-firefox.html
Posted By	For	Type	Date
Is it possible to create colored scrollbar in the FIREFOX .... \| Web Hosting	This thread	Refback	03-09-2008 04:04 PM

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Manipulating scrollbar colors using CSS and JavaScript	santhakumar	HTML, CSS and Javascript Coding Techniques	1	11-27-2007 06:55 AM
How do I move the scrollbar to a specific position?	Pvinothkumar	HTML, CSS and Javascript Coding Techniques	3	10-27-2007 12:15 AM
Can anybody explain me how to set horizontal scrollbar for a dropDown control	kingmaker	ASP and ASP.NET Programming	1	07-27-2007 04:39 AM
Set Position of Browsers Scrollbar using Javascript ?	kingmaker	HTML, CSS and Javascript Coding Techniques	1	07-19-2007 12:33 AM
How to change the scrollbar color and folder icon in Tree component in Flash	Balasubramanian.S	Flash Actionscript Programming	2	03-27-2007 11:29 PM