Come disabilitare il ridimensionamento di textarea?

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?

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

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; } 

Puoi metterlo nel file CSS:

textarea {
  resize: none;
} 

disabilita horizontale verticalcon limite

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

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.