Как отключить изменение размера textarea?

Мне нужно отключить горизонтальное изменение размера textarea. Иногда я хочу разрешить вертикальное изменение размера в текстовом поле.

Всякий раз, когда я создаю страницу с контактом, текстовое поле делает мой дизайн уродливым.

Может ли кто-нибудь дать мне решение отключить его, пожалуйста?

Ответы

Вы можете использовать css

отключить все

textarea { resize: none; }

только вертикальное изменение размера

textarea { resize: vertical; }

только горизонтальное изменение размера

textarea { resize: horizontal; }

отключить вертикальный и горизонтальный с ограничением

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

отключить горизонтальный и вертикальный с ограничением

textarea { resize: vertical; max-height: 300px; min-height: 200px; }

Я думаю, что min-height должен быть полезен для вас

С некоторыми css, подобными этому

textarea
{
   resize: none;
}

Или, если вы хотите только вертикальный

textarea { resize:vertical; }

Или горизонтальный

textarea { resize:horizontal; }

или оба (не ваш случай)

textarea { resize:both; }

Вы можете поместить это в файл CSS:

textarea {
  resize: none;
}

отключить horizontal и vertical с ограничением

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}