Transparent or hide scrollbar

To create a transparent scrollbar or hide it from view, we need to work with the css properties governing scrollbar colors that we learnt on the another page Scrollbar colors - Changing the scrollbar using HTML color codes. Here are the cascading style sheet properties once again. Note: These properties are recognized by Internet Explorer (5.5 and above) and are ignored by FireFox, Opera and Netscape. scrollbar-track-color: Sets the color for scroll bar trackscrollbar-face-color: Sets the color for the scroll bar sliderscrollbar-arrow-color: Sets the scroll bar arrow colorscrollbar-3dlight-color: Sets the scroll bar 3D light colorscrollbar-highlight-color:...

Read More

Scrollbar colors - Changing the scrollbar using HTML color codes

Let us look at the magnified image of the scrollbar that we saw on the previous page again. You will note that both the slider and the scroll arrow boxes display the scrollbar highlight, 3dlight, darkshadow, shadow and face colors. Now that you know the different css properties to which you can attach html color codes, you will be able to create great looking scrollbars in no time. Let us look at a few examples: A nice green colored scrollbar without the 3D effect - Click to view the scrollbar - opens in a new window. html {scrollbar-face-color: #8AB200;scrollbar-shadow-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color:#53670D;scrollbar-darkshadow-color:...

Read More

Coloring Scrollbars using CSS properties and rules

The scrollbar-base-color is the most basic style sheet property that one can apply to a scrollbar. This property takes a color name or color code as value and displays the scrollbar in that shade. However, if you set the value for this property to a dark color, the scroll arrows might not be visible because they are displayed in black. As promised in the CSS Scrollbar color code article, let me tell you how you can change the color of the scroll arrows. The color of the scroll arrows are controlled by scrollbar-arrow-color CSS property. This property can be included in a style selector like html or can be a part of a rule that you have...

Read More

CSS Scrollbar - color scrollbar using cascading Style Sheets

Colors can be added to the otherwise "dry" web page scrollbar using CSS (Cascading Style Sheets). The colored scrollbars are visible in Internet Explorer (version 5.5+); other popular web browsers like Firefox, Opera and Netscape do not display colored scrollbars because they ignore the scrollbar CSS code. So you do need Internet Explorer 5.5 or higher to see the scrollbar colors and take full advantage of this tutorial. Basic CSS property for a scrollbar - adding a base color A quick way to color a scrollbar is to attach a base color to it. This is done using the scrollbar-base-color style sheet property which looks like: {scrollbar-base-color:...

Read More

Scrollbar Tutorial - Change colors to create a custom scrollbar

This tutorial will guide you on how to create a custom web page scrollbar by changing the colors associated with it. Web browsers display scrollbars in default colors. These standard colors depend on the configuration and settings of your desktop or any skins that you would have applied to the browser. Internet Explorer version 7 and Firefox 2 display a blue colored scrollbar in Windows XP while Netscape 7.1 has a gray colored scrollbar. Vertical scrollbar indefault colors underInternet Explorer onXP operating system Vertical scrollbar indefault colors underFirefox browser onWindows XP Vertical scrollbar indefault colors underNetscape...

Read More