Home  >  Article  >  Web Front-end  >  [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
WBOYOriginal
2016-06-24 11:41:031372browse

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>
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>
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.

Statement:
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