Come disabilitare il ridimensionamento di textarea?


171

Devo disabilitare il ridimensionamento orizzontale di textarea. A volte voglio consentire il ridimensionamento verticale nell'area di testo.

Ogni volta che creo una pagina di contatto, textarea rende il mio design brutto.

qualcuno potrebbe darmi una soluzione per disabilitarlo per favore?


Risposte:


315

Puoi usare css

disabilitare tutto

textarea { resize: none; }

solo ridimensionamento verticale

textarea { resize: vertical; }

solo ridimensionamento orizzontale

textarea { resize: horizontal; } 

disabilita verticale e orizzontale con limite

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

disabilita orizzontale e verticale con limite

textarea { resize: vertical; max-height: 300px; min-height: 200px; }

Penso che min-heightdovrebbe esserti utile


40

Con alcuni CSS come questo

textarea
{
   resize: none;
}

O se vuoi solo verticale

textarea { resize:vertical; }

O orizzontale

textarea { resize:horizontal; } 

o entrambi (non nel tuo caso)

textarea { resize:both; } 


5

disabilita horizontale verticalcon limite

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}

0

Per textareaho usato width: 500px !importante height: 350px !important, quindi, questi CSScodici impediscono il ridimensionamento dell'utente, ma se hai altri tag che devi usare resize: none, per spiegazioni complete leggi questo link .

Ad esempio, per un ptag è necessario impostare overflowproprietà con un valore che non è visiblee quindi impostare resize, none, both, vertical, horizontal.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.