Пользователи, которые используют браузеры Firefox , Google Chrome или Safari , знают, что новые версии этих браузеров позволяют изменять размер текстовых областей на сайте. То есть у них появляется уголок, за который можно потянуть и изменить размер textarea . До недавнего времени я думал, что избавиться от этого не...
Пользователи, которые используют браузеры Firefox, Google Chrome или Safari, знают, что новые версии этих браузеров позволяют изменять размер текстовых областей на сайте. То есть у них появляется уголок, за который можно потянуть и изменить размер textarea. До недавнего времени я думал, что избавиться от этого невозможно, но не так давно узнал, что всё-таки можно. Поэтому в этом материале я познакомлю Вас с тем, как запретить изменение размеров textarea.
Пусть у нас имеется следующий HTML-код:
<body>
<p>
<textarea name="message" cols="20" rows="10"></textarea>
</p>
</body>
Если Вы запустите данный HTML-код, например, в Firefox, то увидите что в правом нижнем углу находится уголок, который позволяет изменить размер textarea. И чтобы такого не было, достаточно просто применить следующий стиль к текстовой области:
textarea {
resize: none;
}
Всего лишь одно свойство и проблема решена. Вот таким простым способом можно запретить изменение размеров textarea.
