JavaScript - scrollbar

Asked By shajahan on 02-Feb-11 07:17 AM
Hi ,

   how to apply the css styles for scrollbar..?
   i have used below css properties:
             body
               {  
                scrollbar-track-color:red;
                scrollbar-face-color:green;
                scrollbar-highlight-color:FFFFFF;
                scrollbar-base-color:FFFFFF;
                scrollbar-darkShadow-color:FFFFFF;
                scrollbar-shadow-color:FFFFFF;
                scrollbar-arrow-color:FFFFFF;
                }

    its working in IE, but its not working in firefox browser.
      so please help me any one to change the scrollbar color,size that should be work on firefox      browser.

    Thanks in advance.

    Regards,
    Shajahan.
Reena Jain replied to shajahan on 02-Feb-11 07:18 AM
hi,

  • For the browser scrollbar colors, add the scrollbar property attribute rules to the body element.
  • For the textarea scrollbars, add the scrollbar property attribute rules to the textarea element.

As you know if you've used CSS:

  • The style element tag goes between the head element tags near the top of your HTML markup as shown in the examples throughout this tutorial, or
  • For an external style sheet, just add the rules to your style sheet. http://websitetips.com/articles/css/scrollbars/stylesheetsample.txt (A separate popup window will open.)
hope this will help you
shajahan replied to Reena Jain on 02-Feb-11 07:31 AM
 Thank you for helping me.  but its not working..
Reena Jain replied to shajahan on 02-Feb-11 07:34 AM
hi,

check these links

http://www.yourhtmlsource.com/stylesheets/scrollbars.html
http://www.webdevelopersnotes.com/tips/html/css_scrollbar_color_code.php3

hope this will help you
shajahan replied to Reena Jain on 02-Feb-11 08:16 AM
Hi,

   Firefox browser not supporting this css rules.
shajahan replied to Reena Jain on 02-Feb-11 08:17 AM
Hi,

   Firefox browser not supporting this css rules.