Как отключить изменение размера текстовой области?

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

Всякий раз, когда я создаю страницу с нами, 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; 
}

Поскольку textareaя использовал width: 500px !importantи height: 350px !important, таким образом, эти CSSкоды предотвращают изменение размера пользователя, но если у вас есть другие теги, которые вы должны использовать resize: none, для полного объяснения прочитайте эту ссылку .

Например, для pтега вы должны установить overflowсвойство со значением , которое не , visibleа затем установить resize, none, both, vertical, horizontal.