Zwei Methoden, um das Skalieren von Textareas verhindern

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