Wie deaktiviere ich die Größenänderung von Textbereichen?

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

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

Könnte mir jemand eine Lösung geben, um es bitte zu deaktivieren?

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 Begrenzung

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

Deaktivieren Sie horizontal und vertikal mit Begrenzung

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

Ich denke, min-heightsollte für Sie nützlich sein

Mit einigen 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 horizontalund verticalmit limit

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

Für textareamich verwendet width: 500px !importantund height: 350px !important, so CSSverhindern diese Codes die Größenänderung des Benutzers, aber wenn Sie andere Tags haben, die Sie verwenden müssen resize: none, lesen Sie für vollständige Erklärungen diesen Link .

Zum Beispiel für einen pTag , das Sie setzen müssen overflowEigenschaft mit einem Wert, der nicht visibleund dann eingestellt resize, none, both, vertical, horizontal.