[CSS] hides the vertical scroll bar of the multi-line text box Textarea in IE, and the multi-line textarea

[CSS] hides the vertical scroll bar of the multi-line text box Textarea in IE, and the multi-line textarea

In [CSS] prohibiting Google browsers from allowing definition adjustment of multi-line text boxes (click to open the link), we have mentioned how to fix the multi-line text box Textarea in some DOM2 browsers.

This is not the case. Textarea also has some style defects in IE.

A common text box without any definition is added, as shown below:

<Textarea cols = "30" rows = "3"> </textarea>

Its effect on IE is the same as that on the left. The vertical scroll bar is unsightly when no text is input, especially when users are not planning to input too much text.

You can add overflow-y: hidden; as follows:

<Textarea cols = "30" rows = "3" style = "overflow-y: hidden;"> </textarea>

The result is the result of the right image.

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.