Article introduction of Wulin.com (www.vevb.com): Remove the horizontal scroll bar of the iframe and retain the vertical scroll bar.
1. Settings when overflow content overflow (set whether the object being set displays scroll bar)Settings when overflow-x horizontal content overflow
Settings when overflow-y vertical content overflow
The values set by the above three attributes are visible (default), scroll, hidden, and auto.
2. scrollbar-3d-light-color The bright edge color of the three-dimensional scrollbar (set the color of the scrollbar)
scrollbar-arrow-color color of triangle arrow on top of button
scrollbar-base-color scrollbar basic color
scrollbar-dark-shadow-color three-dimensional scrollbar strong shadow color
scrollbar-face-color color of the convex part of the three-dimensional scrollbar
scrollbar-highlight-color color of blank part of scrollbar
scrollbar-shadow-color color of stereoscopic scrollbar shadow
The above style properties are explained through several examples:
1. Make the browser window never appear scrollbars
No horizontal scroll bar
<body style=overflow-x:hidden>
No vertical scroll bar
<body style=overflow-y:hidden>
No scrollbar
<body style=overflow-x:hidden;overflow-y:hidden> or <body
style=overflow:hidden>
2. Set the scroll bar of multi-line text box
No horizontal scroll bar
<textarea style=overflow-x:hidden></textarea>
No vertical scroll bar
<textarea style=overflow-y:hidden></textarea>
No scrollbar
<textarea style=overflow-x:hidden;overflow-y:hidden></textarea>
or <textarea style=overflow:hidden></textarea>
3. Set the color of the window scroll bar
Set the color of the window scrollbar to red <body style=scrollbar-base-color:red>
scrollbar-base-color sets the basic color. Generally, only this property needs to be set to achieve the purpose of changing the scrollbar color.
Add a special effect:
<body style=scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon>
4. Define a class in the stylesheet file and call the stylesheet.
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
Called like this:
<textarea class=coolscrollbar></textarea>