Zwei Methoden, um das Skalieren von Textareas verhindern

Erstellt am: 09.03.2011 um 21:32 Uhr

Ihr kennt das sicher. Ihr legt HTML-Formulare mit Textfeldern an, wollt aber nicht, dass Benutzer diese verkleinern oder vergrößern können.

Ich liste hier zwei Möglichkeiten auf, dies zu unterbinden. Das ganze funktioniert im Safari, Firefox 4, Chrome.

Methode 1 blendet diesen kleinen “Anfasser” unten rechts im Textfeld aus.

Methode 1: Resize auf “none” setzen

textarea {
	resize: none;
}

Methode 2: max-height und Max-width setzen

textarea {
	height: 100px;
	max-height: 100px;
	max-width: 200px;
	width: 200px;
}
© 2024 Niklas Köhler