Wie deaktiviere ich die Größenänderung des Textbereichs?

Ich muss die horizontale Größenänderung des Textbereichs deaktivieren. Manchmal möchte ich die vertikale Größenänderung im Textbereich zulassen.

Immer wenn ich eine Kontaktseite erstelle, macht der Textbereich mein Design hässlich.

könnte mir bitte jemand eine lösung zum deaktivieren geben?

Sie können CSS verwenden

Alle deaktivieren

textarea { resize: none; }

nur vertikale Größenänderung

textarea { resize: vertical; }

nur horizontale Größenänderung

textarea { resize: horizontal; } 

Deaktivieren Sie vertikal und horizontal mit Limit

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

Deaktivieren Sie horizontal und vertikal mit Limit

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

Ich finde min-height sollte für dich nützlich sein

Mit etwas CSS wie diesem

textarea
{
   resize: none;
}

Oder wenn Sie nur vertikal wollen

textarea { resize:vertical; }

Oder horizontal

textarea { resize:horizontal; } 

oder beides (nicht dein Fall)

textarea { resize:both; } 

Sie können dies in die CSS-Datei einfügen:

textarea {
  resize: none;
} 

deaktivieren horizontal und vertical mit Begrenzung

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

Zum textarea ich benutzte width: 500px !important und height: 350px !importantalso das CSS Codes verhindern eine Größenänderung durch den Benutzer, aber wenn Sie andere Tags haben, müssen Sie diese verwenden resize: nonefür vollständige Erklärungen lesen Dieser Link.

Zum Beispiel für eine p -Tag, das Sie festlegen müssen overflow Eigentum mit einem Wert, der es nicht ist visible und dann einstellen resize, none, both, vertical, horizontal.