Textbereich - Größenänderung auf x oder y deaktivieren?

110

Ich weiß, dass es möglich ist, die Größenänderung von a zu deaktivieren, textareaindem Sie Folgendes verwenden:

textarea {
    resize: none;
}

Aber ist es möglich, entweder x oder y zu deaktivieren? statt beidem

css resize textarea

— SaturnsEye
quelle

184

resize: vertical;

oder

resize: horizontal;

Schnelle Geige: http://jsfiddle.net/LLrh7Lte/

— Grimmig...
quelle

32

Sicher ist es mit CSS und JQuery möglich

CSS:

resize: vertical;
resize: horizontal;

jQuery

$('textarea').css("resize", "vertical");
$('textarea').css("resize", "horizontal");

Bootstrap hat die Klasse einfach in Textarea eingefügt

für die vertikale Größenänderung: vresize

für die horizontale Größenänderung: hresize

— Santosh Khalse
quelle

4

Sowohl die CSS- als auch die jQuery-Lösung machen dasselbe, sodass Sie auswählen können, welche für Ihre Situation am besten geeignet ist. Ich erwähne es für den Fall, dass jemand interpretiert, dass Sie beide verwenden müssen.

— Arthur Hebert