Вимкніть розмір текстури

Я намагаюся вимкнути розмір текстури на своєму сайті; зараз я використовую цей метод:

.textarea {
    clear:left;
    min-width: 267px;
    max-width: 267px;
    min-height:150px;
    max-height:150px;
}

Я знаю, що мій метод невірний, і я шукаю кращого в JavaScript. Я початківець, тож найкращим рішенням для мене буде HTML5 або jQuery.

Спробуйте цей CSS для відключення зміни розміру

CSS для відключення зміни розміру для всіх текстових областей виглядає приблизно так:

textarea {
    resize: none;
}

Ви можете замість цього просто призначити його одній текстовій області за назвою (де текстовий HTML):

textarea[name=foo] {
    resize: none;
}

Або за ідентифікатором (де текстовий код HTML):

#foo {
    resize: none;
}

Взято з: http://www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/

це зробить вашу роботу

  textarea{
        resize:none;
    }

CSS3 може вирішити цю проблему. На жаль, він підтримується лише у 60% використовуваних браузерів .

Для IE та iOS ви не можете вимкнути розмір, але ви можете обмежити textareaрозмір, встановивши його widthта height.

/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */

Див. Демо

Зробити це можна просто за допомогою атрибута перетягування html

<textarea name="mytextarea" draggable="false"></textarea>

Значення за замовчуванням вірно.

Лише один додатковий варіант, якщо ви хочете змінити поведінку за замовчуванням для всіх текстових областей у програмі, ви можете додати наступне до свого CSS:

textarea:not([resize="true"]) {
  resize: none !important;
}

І виконайте наступне, щоб увімкнути місце зміни розміру:

<textarea resize="true"></textarea>

Майте на увазі, що це рішення може працювати не у всіх браузерах, які ви хочете підтримати. Ви можете переглянути список підтримки resizeтут: http://caniuse.com/#feat=css-resize

Відповідно до питання, я вказав відповіді у JavaScript

Вибравши TagName

document.getElementsByTagName('textarea')[0].style.resize = "none";

Вибравши ідентифікатор

document.getElementById('textArea').style.resize = "none";

//CSS:
.textarea {
    resize: none;
    min-width: //-> Integer number of pixels
    min-height: //-> Integer number of pixels
    max-width: //-> min-width
    max-height: //-> min-height
}

наведений вище код працює в більшості браузерів

//HTML:
<textarea id='textarea' draggable='false'></textarea>

зробіть це для того, щоб він працював над максимальною кількістю браузерів

Це для мене працює

<textarea
  type='text'
  style="resize: none"
>
Some text
</textarea>