Home > Web Front-end > HTML Tutorial > [CSS] Hide the vertical scroll bar of the multi-line text box Textarea in IE_html/css_WEB-ITnose

[CSS] Hide the vertical scroll bar of the multi-line text box Textarea in IE_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:41:03
Original
1386 people have browsed it

In "[CSS] Prohibit Google Chrome from allowing definition and adjustment of multi-line text boxes" (click to open the link), it has been mentioned how to fix the multi-line text box Textarea in some DOM2 browsers.

No, the multi-line text box Textarea also has some style flaws in IE.

An ordinary text box without any definition, as follows:

<textarea cols="30" rows="3"></textarea>
Copy after login
The effect in IE is the same as the left side. Without inputting any text, it will It is unsightly to have a vertical scroll bar, especially in situations where you do not intend to input too much text for the user


You can add overflow-y at this time: hidden; as follows:

<textarea cols="30" rows="3" style="overflow-y:hidden;"></textarea>
Copy after login
What you get is the result on the right.

Copyright Statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template