Use CSS to disable the textarea resize function, csstextarea

Use CSS to disable the textarea resize function, csstextarea

This article describes how to use CSS to disable the textarea resize function. It is very easy to disable the textarea size function. You can use the resize attribute of CSS. For more information, see

If you use Google or Firefox, you will find a small triangle in the bottom right corner of the textarea element on the page. Drag it with the mouse and arrow, and your textarea will be able to zoom in or out. This is an auxiliary function added by modern browsers to facilitate users (unfortunately, it does not include IE. If you use IE, you cannot see it .). When designing a webpage, Web programmers generally give textarea a fixed length and width, which is usually set in combination with the layout. However, picky users often think that they are too small or too large. With this tool, you can select a proper size.

However, sometimes it is necessary for applications. Web programmers need to disable the function that can adjust the size of textarea (IE is not a problem at all !), That is, how can I remove the small triangle in the lower right corner? It is easy to use the resize attribute of CSS.

CSS code

CSS3 and Html5 charts and graphics

The Code is as follows:

<Style type = "text/css"> textarea {resize: none ;}</style>

Form Verification navigation menu table Tab
Set the resize attribute to none. The textarea is fixed and the triangle disappears.