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

SaturnsEye
quelle

Antworten:

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