This article introduces the html scroll bar textarea attribute settings: overflow content overflow settings, scrollbar-3d-light-color three-dimensional scroll bar bright side color and so on related settings, there is a need for friends can refer to in detail, I hope to help you
1. Set overflow content overflow (set whether the set object displays a scroll bar)
Settings for overflow-x horizontal content overflow
Settings for overflow-y vertical content overflow
The 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 scroll bar)
Scrollbar-arrow-color the color of the upper and lower arrow of the buttons
Scrollbar-base-color Basic color of the scroll bar
Scrollbar-dark-shadow-color the color of the strong shadow of the three-dimensional scroll bar
Scrollbar-face-color of the protruding part of the stereo scroll bar
Scrollbar-highlight-color the color of the blank area of the scroll bar
Scrollbar-shadow-color specifies the color of the shadow of a three-dimensional scroll bar.
We use several examples to explain the above style attributes:
1. Make the browser window never show a scroll bar
No horizontal scroll bar
The Code is as follows:
No vertical scroll bar
The Code is as follows:
No scroll bar
The Code is as follows:
Or
2. Set the scroll bar of the multi-line text box
No horizontal scroll bar
The Code is as follows:
</Textarea>
No vertical scroll bar
The Code is as follows:
<Textarea style = "overflow-y: hidden"> </textarea>
No scroll bar
The Code is as follows:
</Textarea>
Or <textarea style = "overflow: hidden"> </textarea>
3. Set the color of the window scroll bar
Set the color of the window scroll bar to red
Scrollbar-base-color sets the basic color. Generally, you only need to set this attribute to change the color of the scroll bar.
Add a special effect:
The Code is as follows:
4. Define a class in the style sheet file and call the style sheet
The Code is as follows:
Call this method as follows:
The Code is as follows:
</Textarea>
Textarea color and border settings:
The Code is as follows:
</Textarea>