disable resize in textarea

Introduction:

I was looking for text area css class to resize, stop resize etc for IE and firefox. Lots article found and some of them works for me. In this article i have given all classes which works for me.

Detail:

1. stop resize

1
2
3
4
textarea
{
resize:none;
}

you can also try to stop resizing using below class:-

1
2
3
4
5
textarea
{
max-width: 50px;
max-height: 70px;
}

2. Vertical resize

1
2
3
4
textarea
{
resize:vertical;
}

3. Horizontal resize

1
2
3
4
textarea
{
resize:horizontal
}

4. resize Horizontal and Vertical

1
2
3
4
textarea
{
resize:both;
}

Thanks!

calendarSeptember 8, 2012 · cardInfoyen · commentsNo Comments
tagTags:  · Posted in: Tips & Tricks

Leave a Reply

Spam Protection: , required

myworldmaps infoyen