Приховування ручки для зміни розміру текстильної рідини в Safari

Я використовую компоненти textarea у своїй програмі та динамічно контролюю їх висоту. Оскільки користувачі набирають тип, висота збільшується, коли є достатньо тексту. Це добре працює на IE, Firefox та Safari.

Однак у Safari в нижньому правому куті є інструмент "ручка", який дозволяє користувачеві змінити розмір текстової області натисканням та перетягуванням. Я також помітив цю проблему з textarea на сторінці stackoverflow Задати запитання. Цей інструмент заплутаний і в основному заважає.

Отже, чи можна приховати цю ручку зміни розміру?

(Я не впевнений, чи "ручка" - це правильне слово, але я не можу придумати кращий термін.)

Ви можете змінити поведінку розміру за допомогою CSS:

textarea
{
   resize: none;
}

або просто просто

<textarea style="resize: none;">TEXT TEXT TEXT</textarea>

Дійсні властивості: обидва, горизонтальні, вертикальні, жодні

Використовуйте таке правило CSS, щоб відключити цю поведінку для всіх TextAreaелементів:

textarea {
    resize: none;
}

Якщо ви хочете відключити його для деяких (але не всіх) TextAreaелементів, у вас є пара варіантів (завдяки цій сторінці ).

Щоб відключити специфічно TextAreaз nameнабором атрибутів до foo(тобто <TextArea name="foo"></TextArea>):

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

Або, використовуючи ідентифікатор (тобто <TextArea id="foo"></TextArea>):

#foo {
    resize: none;
}

Зауважте, що це стосується лише веб-браузерів веб-браузера (тобто Safari та Chrome), які додають ручку зміни розміру до TextAreaелементів керування.

можливість safari max-height max-width також працює у firefox 4.0 (b3pre). хороший приклад тут до речі: http://www.alanedwardes.com/posts/safari-and-resizable-textboxes/