Ukrywanie tekstu Zmienianie rozmiaru uchwytu w Safari

Question

Używam komponentów textarea w mojej aplikacji i dynamicznie kontroluję ich wysokość. Gdy użytkownik pisze, wysokość jest zwiększana za każdym razem, gdy jest wystarczająca ilość tekstu. Działa to dobrze na IE, Firefox i Safari.

Jednak w Safari istnieje narzędzie "uchwyt" w prawym dolnym rogu, które umożliwia użytkownikowi zmianę rozmiaru obszaru tekstowego poprzez kliknięcie i przeciągnięcie. Zauważyłem również ten problem z tekstem na stronie stackoverflow Zadaj pytanie. To narzędzie jest mylące i zasadniczo przeszkadza.

Czy jest jakiś sposób, aby ukryć uchwyt zmiany rozmiaru?

(nie jestem pewien, czy „obsługiwać” to właściwe słowo, ale nie mogę wymyślić lepszego określenia).

Answer 1

można zastąpić zachowanie zmiany rozmiaru z CSS:

textarea 
{ 
    resize: none; 
} 

lub po prostu

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

Prawidłowe właściwości są: zarówno poziome, pionowe, żaden

Answer 2

SAF ari max-height max-width także działa w firefoksie 4.0 (b3pre). Dobrym przykładem tutaj przy okazji: http://www.alanedwardes.com/posts/safari-and-resizable-textboxes/

Answer 3

Użyj następującą regułę CSS, aby wyłączyć to zachowanie dla wszystkich TextArea elementów:

textarea { 
    resize: none; 
} 

Jeśli chcesz wyłączyć go dla niektórych (ale nie wszystkich) TextArea elementy, ty mieć kilka opcji (dzięki this page).

Aby wyłączyć konkretny TextArea z atrybutem name ustawiony foo (tj <TextArea name="foo"></TextArea>):

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

Lub przy użyciu identyfikatora (tzn <TextArea id="foo"></TextArea>):

#foo { 
    resize: none; 
} 

Zauważ, że ten dotyczy tylko przeglądarek opartych na WebKit (np. Safari i Chrome), które dodają uchwyt zmiany rozmiaru do elementów sterujących TextArea.