Як відключити зміну розміру textarea?


171

Мені потрібно відключити textarea горизонтальний розмір. Іноді я хочу дозволити вертикальний розмір текстури.

Кожного разу, коли я створюю сторінку з нашими контактами, textarea робить мою конструкцію потворною.

хтось може дати мені рішення, щоб відключити його, будь ласка?


Відповіді:


315

Ви можете використовувати 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що для вас має бути корисним


40

З таким css, як це

textarea
{
   resize: none;
}

Або якщо ви хочете лише вертикальний

textarea { resize:vertical; }

Або горизонтальний

textarea { resize:horizontal; } 

або обидва (не ваш випадок)

textarea { resize:both; } 



0

Для цього textareaя використовував width: 500px !importantі height: 350px !important, таким чином, ці CSSкоди запобігають зміні розміру користувача, але якщо у вас є інші теги, які ви повинні використовувати resize: none, для повних пояснень читайте це Посилання .

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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.