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

<p>как отключить граббер в текстовой области?</p><p>я имею в виду ту треугольную вещь, которая появляется в правом нижнем углу текстовой области.</p>

<p>просто используйте <code>resize: none</code></p><pre><code>textarea { resize: none; } </code></pre><p>вы также можете изменить размер текстовых полей только по горизонтали или вертикали, таким образом:</p><p><code>textarea { resize: vertical; }</code></p><p><code>textarea { resize: horizontal; }</code></p><p>наконец, <code>resize: both</code> включает граббер изменения размера.</p>

<p><code><textarea style="resize:none" name="name" cols="num" rows="num"></textarea></code></p><p>просто пример</p>

<p>пример textarea для отключения опции изменения размера</p><pre><code><textarea class="foo"></textarea> <style> textarea.foo { resize:none; } </style> </code></pre>