Html scroll bar textarea attribute settings _ HTML/Xhtml _ webpage Creation

Source: Internet
Author: User
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>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.