Як заборонити зміну розмірів textarea

Відео: Resize Text Area

Як заборонити зміну розмірів textarea

Користувачі, які використовують браузери Firefox, Google Chrome або Safari, знають, що нові версії цих браузерів дозволяють змінювати розмір текстових областей на сайті. Тобто у них з`являється куточок, за який можна потягнути і змінити розмір textarea. До недавнього часу я думав, що позбутися від цього неможливо, але не так давно дізнався, що все-таки можна. Тому в цій статті я познайомлю Вас з тим, як заборонити зміну розмірів textarea.




Нехай у нас є наступний HTML-код:



name="Message"cols="20"rows="10"gt;




Якщо Ви запустите даний HTML-код, наприклад, в Firefox, то побачите що в правому нижньому кутку знаходиться куточок, який дозволяє змінити розмір textarea. І щоб такого не було, досить просто застосувати наступний стиль до місця тексту:

Відео: How to Auto Resize a textarea html field by jQuery

textarea {
resize
: none-
}

Всього лише одна властивість і проблема вирішена. Ось таким простим способом можна заборонити зміну розмірів textarea.

Поділися в соціальних мережах:

Схожі
Зміна розмірів div на jаvascriptЗміна розмірів div на jаvascript
Resize me!Resize me!
Css хакі для браузерівCss хакі для браузерів
Ccleaner для macCcleaner для mac
Чи варто робити верстку під старі браузериЧи варто робити верстку під старі браузери
Установка і настройка squid3 проксі сервера, на базі ubuntu server 14.04.1Установка і настройка squid3 проксі сервера, на базі ubuntu server 14.04.1
Заміна min-width в ie6Заміна min-width в ie6
Як дозволити або заборонити виділяти текст на css.Як дозволити або заборонити виділяти текст на css.
Обмін посиланнямиОбмін посиланнями
Як дозволити / заборонити ota (поновлення по повітрю) на андроїдЯк дозволити / заборонити ota (поновлення по повітрю) на андроїд
» » Як заборонити зміну розмірів textarea