tiny scrollbar

1. Solid-line border scroll bar with background colorSCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR:#33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 150px; BACKGROUND-COLOR: # ccffcc "align = center>2. Solid-line border scroll bar without background colorSCROLLBAR-FACE-

xTable of Contents [1] conditions [2] default [3] size [4] compatible [5] custom beforeScroll bars are often seen in Web pages, but are not given enough attention. The debug operation occurs only if the issue of the scrollbar requires processing compatibility. This article will comb the common content of the scroll bar.conditionsScroll bars and overflow are closely related. Scroll bars may appear only if the parent's overflow value is auto or scroll,

Proprietary properties of IE: The code is as follows Copy Code Scrollbar-arrow-color:color; /* Triangle Arrow Color *Scrollbar-face-color:color; /* The color of the three-dimensional scroll bar (including the background color of the arrow section) * *Scrollbar-3dlight-color:color; * * The color of the solid scroll bar bright EdgeScrol

Browser default scroll bar look too much dick, you have to do the whole. I remember the IE browser has a few settings scroll bar style, but relatively chicken, can only set color and so on, and WebKit below is not supported. Inadvertently see NetEase mailbox scroll bar looks very nice, at first thought is a div simulation, the results of a look, roar, is my intention, the use of CSS to set, and is WebKit browser.You have to study these properties to make your own modifications.WebKit browser CSS

WebKit browser CSS Settings scroll barThere are 7 main properties below ::-webkit-scrollbar The whole part of the scroll bar, you can set the width of what ::-webkit-scrollbar-button buttons at both ends of the scroll bar ::-webkit-scrollbar-track Outer Track ::-webkit-scrollbar-track-piece inner R

Today suddenly someone asked me to scroll bar CSS custom method, I found that with Scrollbar-base-color this method only IE support, check a half-day data summarized as follows!!! Custom scroll bar styles in IE browser: HTML { scrollbar-base-color: #C0C0C0; Scrollbar-base-color: #C0C0C0; Scrollbar-3dlight-color

Browser default scroll bar look too much dick, you have to do the whole. I remember the IE browser has a few settings scroll bar style, but relatively chicken, can only set color and so on, and WebKit below is not supported. Inadvertently see NetEase mailbox scroll bar looks very nice, at first thought is a div simulation, the results of a look, roar, is my intention, the use of CSS to set, and is WebKit browser.You have to study these properties to make your own modifications.WebKit browser CSS

horizontal scroll bar is required, Content outside the screen is invisible because the user cannot scroll horizontally. Method 3: Code: Program code Body {margin-right:-15px; margin-bottom:-15px ;} Principle: this will add a negative value to the horizontal and vertical directions of margin. After IE adds this exact value, it will remove the illusion of requiring the scroll bar. Advantage: this problem is solved visually. Vertical scrolling is adaptive based on content. Disadvantage: Because th

Scrollbar attributes and styles1. Set overflow content overflow (set whether the set object displays a scroll bar)Settings for overflow-x horizontal content OverflowSettings for overflow-y vertical content OverflowThe values of the preceding three attributes are visible (default), scroll, hidden, and auto. 2. scrollbar-3d-light-color three-dimensional scroll bar bright side color (set the color of the scrol

Hide scroll bars in XHTMLWhen browsing a framed XHTML page with IE6, the horizontal and vertical scrollbars will appear by default, which is a IE6The bug, which is normal on Firefox, is due to a flaw in the interpretation of XHTML 1.0 Transitional doctype.There are 3 common solutions for this bug,Method 1:Code:Program codeHTML {overflow-y: scroll;}Principle: force display of IE vertical scroll bar, ignoring horizontal scroll barPros: Completely solves this problem, allowing you to keep the full

Hide scroll bars in XHTMLWhen using IE6 to browse a framed XHTML page, the default is to have horizontal and vertical scrollbars appear together, which is a bug in IE6, which is normal on Firefox, because it 1.0 to XHTML Transitional DOCTYPE's explanation is flawed. There are 3 solutions for this bug,Method 1:The code is as follows:HTML {overflow-y: scroll;}Principle: force display of IE vertical scroll bar, ignoring horizontal scroll barPros: Completely solves this problem, allowing you to keep

Original: http://www.chinaz.com/design/2011/0406/170105.shtmlI believe many people have encountered in the design of the custom scroll bar style, before I was trying to persuade the designer to accept the browser's own scroll bar style, but this can only avoid or solve the problem, recently encountered in the project, just to summarize. Of course, the scroll bar style that is compatible with all browsers currently does not exist.The scroll bar style under IEIE is the first to provide style suppo

The scroll bar style under IEIE is the first to provide style support for the scroll bar, for many years, but other browsers have not supported, ie alone lost.These style rules are simple:Scrollbar-arrow-color:color; /* The color of the triangular arrows */Scrollbar-face-color:color; /* Color of the stereo scrollbar (including the background color of the arrow part) */S