La seguente regola CSS disabilita il comportamento di ridimensionamento per gli elementi textarea
:
textarea {
resize: none;
}
Per disabilitarlo per alcune (ma non tutte) textarea
, ci sono un paio di opzioni.
Per disabilitare una specifica textarea
con l'attributo name
impostato su foo
(cioè, <textarea name="foo">/textarea>
):
textarea[name=foo] {
resize: none;
}
Oppure, usando un attributo id
(cioè, <textarea id="foo">/textarea>
):
#foo {
resize: none;
}
La pagina del W3C elenca i possibili valori per le restrizioni di ridimensionamento: none, both, horizontal, vertical, e inherit:
textarea {
resize: vertical; /* user can resize vertically, but width is fixed */
}
Esaminate una decente pagina di compatibilità per vedere quali browser supportano attualmente questa caratteristica. Come ha commentato Jon Hulka, le dimensioni possono essere ulteriormente limitate nei CSS usando max-width, max-height, min-width e min-height.
Questa proprietà non fa nulla a meno che la proprietà overflow sia qualcosa di diverso da visible, che è il default per la maggior parte degli elementi. Quindi generalmente per usarlo, dovrai impostare qualcosa come overflow: scroll;
Citazione di Chris Coyier, http://css-tricks.com/almanac/properties/r/resize/
CSS 3 ha una nuova proprietà per gli elementi UI che vi permetterà di fare questo. La proprietà è la resize property. Quindi dovreste aggiungere quanto segue al vostro foglio di stile per disabilitare il ridimensionamento di tutti gli elementi textarea:
textarea { resize: none; }
Questa è una proprietà CSS 3; usa un compatibility chart per vedere la compatibilità del browser.
Personalmente, troverei molto fastidioso avere il ridimensionamento disabilitato sugli elementi textarea. Questa è una di quelle situazioni in cui il designer sta cercando di "rompere" il client dell'utente. Se il tuo design non può ospitare una textarea più grande, potresti voler riconsiderare come funziona il tuo design. Ogni utente può aggiungere textarea { resize: both !important; }
al suo foglio di stile utente per sovrascrivere la tua preferenza.