Как отключить граббер изменения размера <textarea>?

Как отключить граббер в <textarea>?

Я имею в виду ту треугольную вещь, которая появляется в правом нижнем углу <textarea>.

Ответ 1

Просто используйте resize: none

textarea {
   resize: none;
}

Вы также можете изменить размер текстовых полей только горизонтально или вертикально, таким образом:

textarea { resize: vertical; }

textarea { resize: horizontal; }

Наконец, resize: both позволяет использовать grabber для изменения размера.

Ответ 2

<textarea style="resize:none" name="name" cols="num" rows="num"></textarea>

Просто пример

Ответ 3

пример текстового поля для отключения опции изменения размера

<textarea CLASS="foo"></textarea>

<style>
textarea.foo
{
resize:none;
}

</style>

Ответ 4

В bootstrap 3.0 это сработало для меня:

<textarea style="height:200px; width:600px" ng-model="activity.description" placeholder="Activity
description (required)" name="activity[description]" required></textarea>