html scroll bar textarea attribute setting_HTML/Xhtml_web page production

1． Overflow Settings when the content overflows (setting whether the set object displays scroll bars)
overflow-x Settings when the horizontal content overflows
overflow-y Settings when the vertical content overflows
The values ​​set for the above three attributes are visible (default value), scroll, hidden, and auto.
2． scrollbar-3d-light-color The color of the bright edge of the three-dimensional scroll bar (set the color of the scroll bar)
scrollbar-arrow-color The color of the triangular arrows on the up and down buttons
scrollbar-base-color of the scroll bar Basic color
scrollbar-dark-shadow-color The color of the strong shadow of the three-dimensional scroll bar
scrollbar-face-color The color of the protruding part of the three-dimensional scroll bar
scrollbar-highlight-color The color of the blank part of the scroll bar
scrollbar-shadow-color The color of the three-dimensional scroll bar shadow
We will explain the above style attributes through several examples:
1. Let the scroll bar never appear in the browser window
No horizontal scroll bar

Copy code

The code is as follows:

No vertical scroll bar

Copy code

The code is as follows:

No scroll bar

Copy code

The code is as follows:

or

2. Set the scroll bar of the multi-line text box
No horizontal scroll bar

Copy code

The code is as follows:

<br>

No vertical scroll bar

Copy code

The code is as follows:

No scroll bar

Copy code

The code is as follows:

<br>or <br>

3. Set the window scroll bar Color
Set the color of the window scroll bar to red
scrollbar-base-color sets the basic color. Generally, only You need to set this property to change the color of the scroll bar.
Add a little special effect:

Copy the code

The code is as follows:

4. Define a class in the style sheet file and call Style sheet

Copy code

The code is as follows:

Call like this:

Copy code

The code is as follows:

<br>

textarea color and border settings:

Copy code

The code is as follows:

<br>